text-indent on second line with CSS 3

[RoKKos]

Hi.

I want a text-indent on the second line of a <h3>-element but I do not know how to do it.

have tried all kinds of things like:
h3:first-line:after{text-indent: 40px}
<div style="left:20px; position:relative; text-indent:-20px;">

But I cant get it to work... any ideas??

 

[cian]

Do you mean your H3 is spanning 2 lines and the second must have an indent?

Do it manually with a &lt;br /> and spaces &amp;nbsp;




<!--#sig value=''É'' url=''

http://www.ssi-developer.net''

-->

 

[wiser3]

h3 { margin-left: 30px }

< h3>This entire header will be left indented. Even if it line wraps.< /h3>

 

[RoKKos]

cian: well... that is the way I have done it but I would like to do it with css

 

[RoKKos]

wiser3: the thing is that I dont want the indent on the first line :-(

 

[k5tm]

This is known as a hanging indent.

Try something like:

H3.hang {text-indent: -40px; padding-left: 40px}

Tom Morrison

http://www.liant.com

 

[RoKKos]

k5tm>> Thanx... works like a charm
Just what I needed