p:first-line of a particular div

mikacruz · 05-12-2010, 11:32 AM

Hello All,

I cant get p:first-line working in my css;
I want it to work only for a particular div;
This is what I have:

html

Code:

<div id="text_rgt">
  <p> some text</p>
</div>

css

Code:

#text_rgt{
font-family: "Arial Unicode MS", arial, sans-serif;
font-size: 15px;
color:#fff;
width:460px;
padding-left:440px;
line-height:1.4;
margin-top:2px;
text-align:justify;
}

#text_rgt p{
padding-top:7px;
}

i tried to add:

Code:

#text_rgt p:first-line {text-decoration:underline;}

but that does not work.. If anybody knows the solution...
Thanks a lot,

Mika

VIPStephan · 05-12-2010, 12:30 PM

I don’t see any reason why it shouldn’t work. Can you post all your code? maybe something else is overriding it?

effpeetee · 05-12-2010, 01:12 PM

You have the foreground and background colors set the same color.

try here

Frank

I have found that the easiest way to check this in the editor , is to drag the cursor in the region where you expect to find the text. It will usually show up because it temporarily alters the foreground colour.

mikacruz · 05-13-2010, 10:24 AM

the problem seems to be from the firefox webdeveloper addon. When I uploaded the css file, it worked...
Thanks for your replies!