Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to alternate images and align text Re: How to alternate images and align text

#69137
TheDoc
Moderator

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;
}

.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.