Hi,
Thanks for your answers. Learned something new
Anyway, that does not answer my question and does not change the layout in anyway.
Here's how the code looks now:
HTML:
- Code: Select all
<div id="container">
<div class="cat">
<div class="title">title1</div>
<br/><br/><br/><br/><br/><br/>
</div>
<div class="cat">
<div class="title">title2</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</div>
<div class="cat">
<div class="title">title3</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</div>
<div class="cat">
<div class="title">title4</div>
<br/><br/><br/><br/><br/><br/><br/>
</div>
<div class="cat">
<div class="title">title5</div>
<br/><br/><br/><br/><br/><br/><br/><br/>
</div>
<div class="cat">
<div class="title">title6</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</div>
</div>
CSS:
- Code: Select all
*
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#container
{
margin: 50px auto;
padding: 2px;
width: 801px;
overflow: auto;
border: 3px solid #eee;
}
#container .cat
{
width: 262;
float: left;
background: #eee;
border: 2px solid #fff;
}
#container .title
{
background: #eee;
text-align: center;
border-bottom: 3px double #fff;
}