Question

I have this:
http://jsfiddle.net/UHrLH/1/

I set the height on the box element to auto, but min-height is 200px;

Now if i try to make more content in the first box, the height expands but it creates a big white space under it. I do not want that, i want to have the box under eachother like you can see above, where the height on all boxes is 200px

See the issue here:
http://jsfiddle.net/UHrLH/2/

Answer 1

http://jsfiddle.net/chricholson/UHrLH/10/

This will give you boxes inline but unfortunately the pairs will not extend to match the height of it’s partner. To do this you will need to use tables or a javscript overwrite to capture the height. Also, bear in mind display: inline-block will not work on divs in IE7 and below, it would work on a span though: http://www.quirksmode.org/css/display.html#t03