Question

What I would like to do:

— When I echo my results from a MySQL query, I want to display each one in a square div (this is sorted)

— I also want to wrap them, so they are all in horisontal rows, but when the screen is not wide enough, some go into a more rows

The second point is the one I’m stuck with. How do I wrap a lot of divs, like word-wrap would do to text?

Thanks!

Answer 1

Like this jsFiddle example?

CSS:

div {
    border:1px solid #999;
    width:30px;
    height:30px;
    float:left;
    margin:4px;
}