Forums

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

Home Forums CSS 3×3 grid layout problem! Re: 3×3 grid layout problem!

#56653
TheDoc
Member

For the sake of argument, I’m just going to assume they all have the same background:

CSS

Code:
div.cell {
width: 200px;
float:left;
}

.clear {
clear:both;
}

HTML

Code:
This is box 1!
Each of these boxes can have as much text/content in it as you want without it affecting the divs below. It will now simply push the divs down.
This is box 3!
This is box 4!
This is box 5!
This is box 6!
This is box 7!
This is box 8!
This is box 9!