HTML and CSS Reference
In-Depth Information
ing element has negative margins.
Figure 8-15
shows how the following
bit of HTML might be rendered:
<body>
<p>
<img align=left src="pics/img.gif">
Some sample text...
</body>
Figure 8-15. Handling the margins of floating elements
The browser moves the image, including its margins, as far as possible
to the left and toward the top of the paragraph without overlapping the
left and top margins of the paragraph or the document body. The left
margins of the paragraph and the containing body are added, and their
top margins are collapsed.
