<style>
.one{
width:180px;
margin:0 auto;
border:1px solid red;
}
.two{
height:100px;
width:100px;
float:left;
border: 1px solid green;
}
.stree{
clear:both;
}
</style>
</head>
<body>
<div class="one">
<div class="two"></div>
<div class="two"></div>
<div class="two"></div>
<div class="stree"></div>
</div>
.one{
width:180px;
margin:0 auto;
border:1px solid red;
}
.two{
height:100px;
width:100px;
float:left;
border: 1px solid green;
}
.stree{
clear:both;
}
</style>
</head>
<body>
<div class="one">
<div class="two"></div>
<div class="two"></div>
<div class="two"></div>
<div class="stree"></div>
</div>