When I have code like this:
<p>
Some long text
<img src="src" style="float: right" />
the rest of the text
</p>
I'm getting the strange red areas shown below. How to avoid that? Both p and img have no margins and paddings (in the picture above img has 5 px l开发者_如何学Pythoneft and bottom margin).
For the first red area, I have no idea what's going on without seeing the full HTML and CSS. The second red area (underneath the image) can't be removed. Your browser can't position any text close enough to the image, so it leaves that gap instead.
精彩评论