Css右对齐两个盒子一个在另一个之上

我已经继承了一个设计，使用“float：right”将图像与视口的右侧对齐。现在我想在图片的上方或下方添加一些标语文字，这些文字也将与视口的右侧对齐。我不能理解box模型的用法和/或如何使用float，因为我的努力导致了标语和图像渲染相邻，或者图像与标语的开头左对齐。Css右对齐两个盒子一个在另一个之上

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

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

来源

2010-11-25 George Jempty

感谢大家提醒我清楚，我在本月早些时候阅读了CSS Mastery的第二章，将尽快解答并接受答案。 – 2010-11-25 21:15:43

把<div style="clear: both";></div>你的形象:)后

来源

2010-11-25 12:19:58 benhowdle89

也许你可以使用clear: both在图像上，不允许除任何事情。否则，你不能只浮与图像的DIV和<p> -tagline（或使用<br>？那应该把它们放在单独的行。

来源

2010-11-25 12:21:43 Jordi

尝试增加clear:right;您<div>，迫使它来清除它，并显示

来源

2010-11-25 12:21:58 CherryFlavourPez

Css右对齐两个盒子一个在另一个之上

回答

相关问题