Расположение блоков в верстке

    <article class="post">
                    <h2 class="postTitle"> Оптимизация страниц сайта</h2>
                    <p class="postInfo">Создана <time datetime="2011-06-14" class="postDate">14.06.2011</time>, Категория <a href="javascript:void(0)" class="postLink">Статьи</a>, by <a href="javascript:void(0)" class="postLink">babanovd</a></p>
                    <div class="postImg">
                        <img src="images/image_2.jpg" alt="" title="" />
                    </div>
                    <p class="postText">Любой сайт состоит из нескольких (десятков, сотен, тысяч) страниц. Любая страница — это некий HTML-код. HTML-код, в свою очередь, — это набор тегов, из которых и формируется страница.Оптимизация страниц — важнейший этап в продвижении сайта. Его можно разбить на следующие шаги.</p>
                    <a href="javascript:void(0)" class="postFullLink">Продолжить</a>
                </article> <!-- /article-->

<div class="clear"></div>

<style type="text/css">
#wrap {width: 500px; background: red;}
#wrap div {width:50px; height: 50px; float: left; background: green; margin:15px;}
</style>
 
<div id="wrap">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
<div>

overflow: hidden

<div style="clear:both;"></div>