Floating image seen as :first-letter in paragraph

I wanted to use text-indent and p:first-letter to style my paragraphs. When using an image set to float:right or float:left right at the beginning of the paragraph, all browsers but Opera interpret the image as the first letter (element) in the paragraph, and don't show the style for the first-element at all.

This goes for text-indent too, although IE does show this correctly. In my example I put the second image after the first word in that paragraph. Now both the text-indent and the :first-letter work OK, but the image is not aligned at the top of the paragraph. Trying to correct this with a negative margin-top doesn't work. The first line will go through the image.

Test page Workaround is not included
Reported by: Jack.

(Orphaned), Explorer 5-6 Windows, Explorer Mac, Mozilla, Safari | Reported on 7 February 2005.

Comments

(Add your own)

Post a comment

Commenting guidelines:

1. When quoting specs, articles or your own research, please include a URL of the document.
2. Test your stuff. When reporting browser behaviour, make sure that your report is correct.