Html 如何将此文本置于其他文本下方？

我试图把这一段放在标题（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>

有没有办法解决这个问题？ .

试着在che“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>

基于UNIX的

---

如果不查看您的文档就很难判断，因为html中引用的所有类都不能在CSS代码段和文档类型中看到

如果删除.postText中的浮动，可能会发生什么情况，因为在此之后未清除浮动，这可能会造成一些不必要的影响

使用JS-Bin发布代码会更容易发现问题，以便我们更好地理解

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