Posts lado a lado

Além de ter post no meu bug, eu queria saber como deixar o post lado a lado, tipo neste momento está assim: http://imgur.com/uFbqBq4 ; (a área cinza é onde ficariam os posts [deixei menor para vocês entenderem]).

Código PHP:

<div class=”post”>
<div id=”title”><h3>“><center><?php the_title(); ?></center></h3></div>
<div id=”thumbnail”>
<?php the_post_thumbnail(array(200,200)); ?>
</div>
</div>

Código CSS:

.post {
float: center ;
margin-left: 15%;
width: 200px ;
background-color: #0c578d ;
-webkit-transition: 1.5s ;
}

#title a {
text-decoration: none ;
color: white ;
}

#title {
width: 100% ;
padding-top: 10px ;
padding-bottom: 10px ;
color: white ;
}

.post:hover {
-webkit-transform: translate(0px,-10px);
background-color: #073455 ;
-webkit-transition: 0.5s;
}

Eles estão dentro de uma div que seria a página toda dos posts…
Podem me ajudar? :/