SleepfreaksDTM MEDIA SITE 無料体験レッスン無料体験
トップページ > クリエイターのためのHP制作 > 17_文章を画像の横に配置する 回り込み
目次を見る
Hotone_Japan

17_文章を画像の横に配置する 回り込み

無料体験レッスンDTMの学習に限界を感じていませんか?あなたに合わせたDTM学習ロードマップをプレゼント!その効果をお確かめください。無料体験レッスンを試してみる ▶

画像と文章の配置を考慮しスタイリッシュに

記事を作成している際、
画像の下ではなく、文章を画像の左右に配置したいということが多々あります。

これを「回り込み」と呼びます。

回り込みイメージ

ここではその方法を解説していきます。

画像配置

画像の挿入時に「配置」を「左/右」などで指定します。
後は通常通り画像の下へ文章を書きます。

回り込み後

このように画像が左、そして文章が右に配置されます。


回り込みを解除する

上記の文章で

「Logic記事を見ながら進めました。」
これを通常通り画像の下に配置する場合には「回り込みの解除」を使用します。

方法は簡単です。

<div style="clear:both;"></div>

を記述するだけです。

回り込み解除文章

これを確認してみましょう。

回り込み解除後

しっかりと適用されていますね。


\ 無料体験レッスン 受付中 /

オンラインDTMレッスン専門 / 2009年から17年

この記事の内容を、講師と一緒に進めてみませんか?

完全マンツーマン個別カリキュラム録画をプレゼントオンライン完結
無料体験レッスンを受けてみる ▶

17年間・累計2,000名以上の受講実績