Question

I have a series of floating divs without set height arranged so that three fit across the screen. With set height they stay like a tabular layout but if the text in one is longer than the text in another the boxes split up in an odd way.

Is there any way to force the boxes to group up so that the margin between the sides of any two subsequent divs will be enforced or do I just have to set a specific height?

Answer 1

Is this something similar to what you want?

http://jsfiddle.net/9xpja/

It’s using display: inline-block and vertical-align: top.

If what you mean is to have them all fit in like blocks then you’ll need to do something like the other solutions posted by others by creating “columns”.