I’m trying to accomplish the following effect: Example
I’ve come very close by setting the blocks to
display: inline-block;
and setting the container to
text-align: justify;
The problem in this case is that I want the spacing between the blocks to be equal. I.E: When I set it to Justify, the margins (spacing) becomes variable. What I want is the padding (spacing inside the block) to be variable. A table is not a solution, because each line must contain as many blocks as possible (The blocks must be allowed to wrap when the browser window size has changed).
A pure css solution will be greatly appreciated!
