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右對齊兩個盒子一個在另一個之上

回答

相關問題