[Prev][Next][Index][Thread]

Re: Problem with float left and drop caps



|   p:first-letter { font-size: 300%; display: block; float: left
siblings; }
|   <p><img style="float: left;" ...>
|   <p>This is the first line.
|   <p>This is the second line.
|   +---+--- his is the first line.
|   |   | |
|   |   | |
|   |   |--- his is the second line.
|   |   | |
|   |   | |
|   +---+
| 

I see this as a problem...  why do you have a P around the image?  The
correct definition there will end up:

<P><IMG>
</P><P>first line
</P><P>second line
</P>

The image should become the first letter of your first P ...  Also, I
don't see how your siblings thing works, how do you know whats a
sibling ...  the P:first-letter alias becomes

<P><SPAN STYLE="font-size: 300%; display: block; float: left
siblings;">F</SPAN>irst line.

It might work better to call this a perent ... meaning that the parent
of the span can wrap around...

I don't know  ... but this all sounds like more uses for it anyway...