Home › Forums › CSS › How to alternate images and align text › Re: How to alternate images and align text
January 8, 2010 at 6:59 pm
#69137
TheDoc
Member
Sorry, I should’ve been more thorough! Here’s what I would do:
HTML
Code:
Person’s Name
Their bio….
Person’s Name
Their bio….
Person’s Name
Their bio….
CSS
Code:
.bio {
clear:both;
}
clear:both;
}
.bio img.left {
float:left;
margin:0 10px 10px 0;
}
.bio img.right {
float:right;
margin:0 0 10px 10px;
}
By putting the "clear" on each div, you shouldn’t have the overlapping trouble (though I did put this together in a few seconds, so I may have overlooked something). Obviously you need to add your own styling to everything, etc, but that should help ya get on your way.