Как поместить этот текст под другим текстом?

Question

Я пытаюсь поставить этот абзац ниже заголовка (h4). Оба плавают влево, а текст выравнивается влево. Тем не менее, он все еще оказывается центрированным. Мы (наша команда) выполнили тесты, а тег НЕ является проблемой.

<center><div id="content"> 
                   <!-- <p>hi.</p> --> 
    <div class="postStarter"> 

    </div> 
    <div class="post"> 
    <img src="person.png" class="avatar-entry"><a href="profiles/2-thomas"><h4 class="postAuthor">Ranger Thomas A.</h4></a> 
    <br /> 
    <br /> 
     <p class="postText">UNIX-BASED.</p> 
    </div> 
    <div class="post"> 
    <img src="person.png" class="avatar-entry"><a href="profiles/2-thomas"><h4 class="postAuthor">Ranger Thomas A.</h4></a> 
    <br /> 
    <br /> 
     <p class="postText">Living the Mac life.</p> 
    </div> 
</div> 

Вот CSS:

.postStarter { 
    background: #FFF; 
    border-bottom: 1px solid #E0E0E0; 
    width: 500px; 
    height: 100px; 
} 

.post { 
background: #FFF; 
border-bottom: 1px solid #E0E0E0; 
width: 500px; 
height: 100px; 
} 

.postText { 
    float: left; 
    text-align: left; 
} 

#content { 
    width: 1000px; 
    height: 900px; 
    background: #FFF; 
    border-left: 1px solid #E0E0E0; 
    border-right: 1px solid #E0E0E0; 
    border-top: .5px solid #FFF; 
    border-bottom: none; 
} 

Любые идеи о том, как это исправить? http://i.redsroom.info/npPO.

Answer 1

Попробуйте поставить «ясный DIV» перед Che «р», подобно этому:

<div class="post"> 
<img src="person.png" class="avatar-entry"><a href="profiles/2-thomas"><h4 class="postAuthor">Ranger Thomas A.</h4></a> 
<br /> 

<div class="clear"></div> 
    <p class="postText">UNIX-BASED.</p> 

Answer 2

Его трудно сказать, не видя документа, как не все классы цитируемые в вас HTML можно увидеть в вашем фрагменте CSS и вашем типе документа и т. д.

Возможно, посмотрите, что произойдет, если вы удалите поплавок слева от .postText, поскольку после этого вы не очищаете, что может вызвать некоторые неоправданные аффекты.

Было бы легче увидеть проблему с JS бен