Css将两个盒子一个在另一个上方对齐

Question

我继承了一种设计，其中图像使用“float：right”与视口的右侧对齐。现在我想在该图像的上方或下方添加一些标语文本，这些文本也将与视口的右侧对齐。我不能理解盒子模型和/或如何使用float，因为我的努力导致标语和图像渲染彼此相邻，或者图像左侧与标语的开头对齐。

下面是我的CSS，它只对齐标语。提前谢谢。

<div style="margin:5px; float:right;">
    <p>dexygen: Powering the Desk Wide Web</p>
</div>

Answer 1

将<div style="clear: both";></div>放在您的图片之后：）

Answer 2

尝试将clear:right;添加到<div>，以强制它清除它并根据需要显示在其下方。

Answer 3

也许您可以在图片上使用clear: both除了它之外不允许任何其他内容。否则，你不能只用图像和<p> - 标语浮动div（或使用<br>吗？这应该将它们放在不同的行上。