I'm trying to create a list with 4 blocks, but they are not aligned side-by-side correctly, look like this:
Iwouldlikeittolooklikethis:
HTML:
<li></li>
<li></li>
<li></li>
<li></li>
CSS
#test li {
width: 230px;
height: 140px;
margin: 0;
border: 1px solid red;
background: #999;
float: left;
overflow: hidden;
}
Why are not they aligning?