I use the float: option in css on images a lot. It's nice. When I don't have enough text to fill to the next line I have to use <br /> to bring the next line down far enough to escape wrapping around the image. Here is an example:
The text in the first <p> is not long enough to "fill" down far enough to push the next <h5> down, so the <h5> comes up and wraps the image also, but I would like to have the <h5> always be a new line BELOW whatever image is there reguardless of the amount of text or size of picture.
<h5>Accessible Recreation Opportunities</h5>
<p><img src="images.jpg" alt="[Image] Accessible Fishing Platform" width="99" height="105" align="right" class="floatLeft"/>National Forest offers a number of recreation facilities
designed with <a href="recreation/accessible/">accessibility</a> in mind for persons with disabilities.
Accessible fishing piers, paved trails, specially designed campsites,
and accessible picnic tables are all available.</p>
<p><img src="image.gif" alt="National Forest" width="75" height="75" class="floatLeft" />Sites at almost all forest campgrounds are
available on a first-come-first-served basis,
but there are some sites that can be reserved
ahead of your arrival. </p>
Any how to's?