Look at the Skeleton Grid
layout system
You have to declare the layout within a div
of class container
. Then add divs with the number of columns you'd like the to consume as classes. To place columns side by side, use classes alpha
and omega
.
<div class="container">
<div class="twelve columns clearfix">
<div class="six columns alpha">first block</div>
<div class="six columns omega">second block</div>
</div>
</div>
I added the following css to clarify the blocks
.alpha {
background-color: red;
}
.omega {
background-color: green;
}
This will render as follows:
See this fiddle to play around with the code a little