Figures from Chapter 11
- Figure 11.1 -- A document
illustrating images floated using the align attribute.
- Figure 11.3 -- An illustration
of the effect of the br element clear attribute to
clear text to follow a floated image.
- Figure 11.4 -- An illustration
of the CSS padding, border and margin properties applied to a
left-floated element (here, an img).
- Figure 11.5 -- Document
illustrating effect of negative margins on floated elements
(here a floated img).
- Figure 11.8 -- Document
illustrating multiple floating elements, here img elements
inside paragraphs.
- Figure 11.10 -- Document
illustrating elements floated aside other block elements.
- Figure 11.12 -- The same document
as the one listed in Figure 11.10, but with the additional CSS rule
.newsection {clear: left;} applied to the second h3
heading. This clears the second heading to start just below the
left-floated image.