Hi, I would like to create a card with a nice looking HTML/CSS based line which has text on it.
Something like this:

-----中国語-----
blablabla
-----日本語-----
blablaa


Can anyone help me? ^^

Thanks!

For what program, Anki?

How could you guess. ^^

You see, my current

<hr>
日本語
<hr>
blablabla

<hr>
中国語
<hr>
blablabla


takes up way too much space...

Found something like this from google, might be what you're looking for:

<div style="height: 1px; background-color: black; text-align: center; margin-top: 20px; margin-bottom:20px">
<span style="background-color: white; position: relative; top: -0.5em; font-size: 20px">
日本語
</span>
</div>

blaablaa

<div style="height: 1px; background-color: black; text-align: center; margin-top: 20px; margin-bottom:20px">
<span style="background-color: white; position: relative; top: -0.5em; font-size: 20px">
中国語
</span>
</div>

blaablaa

Or you could do this:
css...

Code:

h2 { width:100%; text-align:center; border-bottom: 1px solid #000;
line-height:0.1em; margin:10px 0 20px; }
h2 span { background:#fff; padding:0 10px; }​

in the card...

Code:

<h2><span>日本語</span></h2>
{{Japanese}}
<h2><span>中国語</span></h2>
{{Chinese}}

Omg this is perfect!!! My cards look much nicer now!!

http://dl.dropbox.com/u/8876552/Temp/card-layout.png

Cheers!