The current html looks like:
Code:
<a href="images/630910vad.jpg">
<img alt="photo of this letter" src="images/630910vad_1.jpg" class="left-top" ></a>
<h3>Thu. Sept. 10, 1863</h3>
<p class="indent">Went over to the 106 regt today. Saw lots of boys that I was acquainted with. Saw Horis Pickett had a good visit with him.</p>
The current css looks like this:
Code:
.left-top {
float: left;
margin: 5px 20px 10px 10px;
padding: 4px;
border: 1px solid #C4DBEA;
}
Adding clear: both; leaves the text intact where it is (aligned on the left, of course) and throws the images to the bottom of the page.
I've been over this, as the expression goes, seven ways from Sunday and can't make it behave!