I have 3 headings<h3> and 3 associated images. The images are floated right. I wish to get the headings to align to the top of the image and for the text to wrap around. This image (
http://dev1.room58.net/golf_float.gif) shows what I currently have.
The heading for Hole 1 is correct but I want the heading for Hole 8 to clear the image on the right. My HTML is shown below:
<img src="http://localhost:81/teetimes/images/stories/courses/algarve/monte-rei-1.jpg" style="margin: 5px; width: 206px; height: 156px; float: right" alt="Monte Rei Hole 1" title="Monte Rei Hole 1" height="156" width="206" />
<h3>Hole 1</h3>
<p>
A well struck tee shot aimed over the right hand corner of the dog leg
will leave the golfer with a short second; the more conservative approach
is to take aim on the fairway bunkers at the corner of the dog leg
playing a fairway wood for position from the tee but leaving a longer
second shot into a relatively small contoured green guarded by a solitary
bunker on the left hand side.
</p>
<img src="http://localhost:81/teetimes/images/stories/courses/algarve/monte-rei-8.jpg" style="margin: 5px; width: 206px; height: 144px; float: right" alt="Monte Rei Hole 8" title="Monte Rei Hole 8" height="144" width="206" />
<h3>Hole 8</h3>
<p>
A drive favoring the left hand side of the fairway can take advantage of
the natural contours of the terrain to accelerate the ball forward allowing
the longer player a chance to reach the green in two, presenting a
unique birdie opportunity. The green is raised up above the fairway and
well protected with a beautifully sculptured bunker; shots falling short
of the green face players with a challenging recovery.
</p>
<img src="http://localhost:81/teetimes/images/stories/courses/algarve/monte-rei-13.jpg" style="margin: 5px; width: 206px; height: 152px; float: right" alt="Monte Rei Hole 13" title="Monte Rei Hole 13" height="152" width="206" />
<h3>Hole 13</h3>
<p>
The fairway runs downhill towards two bunkers framing the left and
right hand sides of the hole, the ideal drive is to lay up short of the fairway
bunkers leaving a medium iron approach; precision and feel will
be required to safely land your ball on this narrow green and negotiate
this hole successfully. The thirteenth exhibits perfectly the true natural
beauty of Monte Rei and the picturesque Algarvian countryside.
</p>
I've set my headings to be display: inline (to get them aligned to the top of the image) and both my images and my headings to be clear: right, but I can't get the desired effect. Any ideas?
