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

Home Forums CSS Thumbnail Alignment problem Re: Thumbnail Alignment problem


Notice anything different about the first div? It has two lines of text and is therefore taller than the next two items. The float is ‘stacking’ up against the taller float. You could either give the divs a set height (210px seems to work barring any font-size increase) or, given the fixed width site, you could do this:

.portfolio-items div:nth-child(3n+1) {
clear: left;