text following the <br>beyond the floated image. All the <br>does is move
the text down one line, as shown in Figure 10-11:<body><img src=”woofie.jpg” style=”float: left; width: 200px;
height: 150px;”><p>You can apply gradients to various images, as you wish.
Imagine the nice fade-in effect that you can
generate if you add some scripting to slowly
adjust the opacity value while the user is
watching.
<br>
We want this paragraph to be disassociated from the previous
paragraph and from the floating image. You can
apply gradients to various images, as you wish.
Imagine the nice fade-in effect that you can
generate if you add some scripting to slowly
adjust the opacity value while the user is
watching.</p>
</body>As you can see in Figure 10-11, inserting a plain <br>element merely creates
a paragraph break (moves the text down to the following line). But what we
really want to do with this text is move it all the way down past the image.However, by adding the CSS clearproperty and specifying a leftvalue,
you force the text to move down beyond the floated image, as Figure 10-12
illustrates.<br style=”clear: left”>Figure 10-11:
Using an
ordinary
simply
moves the
text down
one line.