246996016-HTML5-Step-by-Step

148 Chapter 9
Perhaps that’s the look you want; but perhaps not. However, the example could certainly
be improved by changing the placement of the Recent Articles heading. It should be at
the left margin, aligned with the company name, and not wrapped around the graphic.
To move text down vertically until the space occupied by the graphic becomes “clear,”
use the clear style rule. You apply this rule to the text’s tag, not to the graphic’s tag. For
example:
Recent Articles
In this exercise, you will move the top horizontal line, and everything following it, below
the graphic.
SET UP Use the index.htm file in the practice file folder for this topic. This file is
located in the Documents\Microsoft Press\HTML5 SBS\09Graphics\ClearingImages
folder. Open the index file in Notepad and in Internet Explorer.
Important If you copy the practice files for this exercise to some other location, you must also
copy the default.css file and the images folder for the practice files to work properly.