html - 如何将此文本放在其他文本下方？

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

尝试在“p”标签之前放置一个“clear 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 />

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