如何將該文本放在其他文本的下方？

我試圖把這一段放在標題（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。

來源

2013-06-11 Thomas

使用[這]問題（http://jsfiddle.net/）發佈的代碼，使我們能夠更好地理解 –

嘗試將「清格」車「P」標籤之前，像這樣：

<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>

來源

2013-06-11 14:40:38

它很難說沒有看到您的文檔，因爲不是所有的你引用的類HTML可以看到你的CSS代碼段和你的文檔類型等

也許看到會發生什麼，如果你刪除從.postText離開的浮動，因爲你不清除後，這可能會造成一些不適當的影響。

它會更容易看到一個JS斌

來源

2013-06-11 14:41:07

如何將該文本放在其他文本的下方？

回答

相關問題