右上に2つのボックスを配置するCSS

Question

「float：right」を使用して、画像がビューポートの右端に揃うようにデザインを継承しました。今は、その画像の上または下のタグラインテキストを追加したいと思います。これは、ビューポートの右側にも合わせます。私の努力は、タグラインとイメージのレンダリングが互いに隣り合ったり、イメージがタグラインの始めに左寄せされたりするため、ボックスモデルの使い方や浮動小数点の使い方を理解してはいけません。

以下は私の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: bothを使用することができます。そうしないと、あなただけの別の行にそれらを置くべきだと？<br>をイメージして<p> -taglineでのdivをフロート（または使用することはできません。

Answer 3

、それをクリアすることを強制するために、あなたの<div>にclear:right;を追加してみてくださいと表示