Figure 10-9 shows a right float, using the preceding code but with one change:float: right;Left floats are often used to add special effects to text, such as drop caps
(described and illustrated in Chapter 8) or bullets or icons that you want to
insert at the start of each paragraph.If you want to float both left and right, go ahead. Figure 10-10 illustrates this
double-float. Here’s the code:<h3><img src=”woofie.jpg” style=”float: left; width: 100px;
height: 75px;”>
<img src=”woofie.jpg” style=”float: right; width: 100px;
height: 75px;”>
Illustrating how a gradient effect works</h3>Figure 10-9:
Change the
float
value to
right, and
you get this
effect. Right
floats are
more often
used when
inserting
photos than
left floats.Figure 10-8:
Use the
float
property to
tighten your
designs and
offer the
viewer this
more
professional
look.