This is a heading

The html in this example is the same as before. That is, there is an image that is inside of a div and following the image there is a h2. The css for the div is the same as before. In this example, the image is floated left with a right margin. The image is floated outside of normal flow as noted in the text on p. 217 (4th edition). Therefore it no longer affects the height of the div, as it did without the float, and thus the background color only extends to the text (as opposed to the height of the image plus the text) and the h2 element's text begins immediately after this text and appears next to the floated image.

This is an h2 following the div

Revised 3/5/18