settingsログイン
メニュー

【解決済み】左寄せの画像の後に続く段落を画像の下に持ってきたい

閲覧 333
float:leftで画像を左寄せにしているのですが、その下の段落の所に<h2>があり、これを画像の下に持ってきたいのですがうまく行きません。段落を強制的に画像の下に持っていくにはどうしたら良いでしょうか?
been 2016 5/14 質問 HTML・CSS

回答 1

役立ち 0
 
ベストアンサー!

ご質問にお答えします  float:leftは、一般にclear:bothのdivでクリアしないと解除されません

<div style="float:left"><img src="image.jpg"></div>
回り込む文字
<div style="clear:both"></div>
<h2>解除されます</h2>

他にも下記のような方法があります

<div style="overflow: auto;width: 100%">
   <div style="float:left"><img src="image.jpg"></div>
   回り込む文字
</div>
<h2>解除されます</h2>

ワードプレスドクター 東京都 港区 ホームページ制作

全ての回答 問い合わせ ホームページへ
2016 5/15 回答

ウェブサイト構築、HTML・CSS の企業/事業者/教室/プロの方のホームページの集客、アクセスアップ、SEO対策効果が期待できるリスティングサイト=Ask-itをぜひご活用ください

Ask IT にようこそ。ここではコミュニティメンバーに質問したり、回答を得ることができます。
ITについて質問したい方へ ITについてプロに質問したい方は会員登録後すぐに質問をする事ができます。

プロフェッショナルの方へ 質問に答えていただけるプロフェッショナルの方は下記をご覧下さい

お気づきの点があれば是非お知らせください
...