在图像（float：left）之后放置水平线（hr），旁边有一些可折叠文本

Question

我正在使用wordpress页面。在顶部有一个图像，旁边有一些文本可折叠文本。在文本之后，有一个<hr>。但是，我希望<hr>位于图像之后。

我怎样才能做到这一点？我已经在wordpress的编辑器中使用了html，但它让我很头疼..事实上，wordpress似乎或多或少地随意添加<p>标签，但没有帮助...

期望的结果应该是这样的：

编辑：已添加链接

edit2：添加了所需结果的屏幕截图

Answer 1

hr标记就像文字一样流动。这意味着浮动到左侧的图像也会影响hr。

如果您希望hr不受浮动影响，请通过向clear: left添加hr样式来清除浮动：

hr {
    clear: left;
}