This technique using display property to convert from block to table.
1. First create 3 div
<div id="content-container">
<div id="row">
<div id="content">
<div id="main">
</div>
<div id="right">
</div>
</div>
</div>
</div>
2. convert display of first div to table
3. convert display of second div to table-row
4. convert display of third div to table-cell
5. you can see the div main and right will be side by side
6. you can do the same thing for 3 column and above. just add new div within div content
No comments:
Post a Comment