¿How to make a five square line in a 1000x1000?

Question

The problem is that when i close div the second square gets at the bottom instead right

Answer 1

I'm not sure how to fit five 1000x1000 squares to the screen, but there is the example for 40x40 px squares.

Html:
<div class="squares">
<div> 1 </div>
<div> 2 </div>
<div> 3 </div>
<div> 4 </div>
<div> 5 </div>
</div>

CSS:
.squares div {
display: block;
float:left;
border:1px solid #999999;
background-color:#ccddee;
width: 40px;
height: 40px;
margin-left:5px;
}