Heya,
Simple, yet silly question.
I want to make a div width X, height Y, then I want to string an entire series of these divs in a row, and I want them to automatically flow after each other, so that say, if I resized the page, they'd automatically fill up the box, in the same way that text does.
Does that make sense?
I am sure that it is a combination of position, display and float, but I can't remember the correct combination :S
Something like
.layoutBoxes {
width : 200px;
height : 200px;
background : #00ff00;
float : left;
display : inline;
}
and the html
<div class="layoutBoxes" />
<div class="layoutBoxes" />
<div class="layoutBoxes" />
<div class="layoutBoxes" />
Any ideas?
Simple, yet silly question.
I want to make a div width X, height Y, then I want to string an entire series of these divs in a row, and I want them to automatically flow after each other, so that say, if I resized the page, they'd automatically fill up the box, in the same way that text does.
Does that make sense?
I am sure that it is a combination of position, display and float, but I can't remember the correct combination :S
Something like
.layoutBoxes {
width : 200px;
height : 200px;
background : #00ff00;
float : left;
display : inline;
}
and the html
<div class="layoutBoxes" />
<div class="layoutBoxes" />
<div class="layoutBoxes" />
<div class="layoutBoxes" />
Any ideas?
Last edited: