CSSを使わず、HTMLのみで、字下げ(ぶら下げ)する方法

ぶら下げの使い方

※ほげほげ
等の「※」注意書きをしたときに何も設定していないと

※ほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげ

と、「※」の部分が文章に隠れてしまい、目立ちにくいです。

箇条書き(順序なし)や段落番号(順序あり)は
箇条書き<ul><li></li></ul>
段落番号<ol><li></li></ol>
等でHTMLで簡単に記述できますが、CSSではぶら下げについて結構のページで記述があるのですが、HTMLでのぶら下げについての記載が少なかったので、書いてみました。

HTMLでのタグの書き方

<div style=”margin-left: 1em; text-indent: -1em;”>
※ほげほげ
</div>

こうなります。

タグを入れないと

※ほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげ

と、そのまま表示されますが、
タグを入れれば

※ほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげ

と、注意書きのための「※」の下の2行目からにぶら下げがかかり、見やすくなります。

コメント

タイトルとURLをコピーしました