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

字下げ_ぶら下げHTML HTML

ぶら下げの使い方

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

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

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

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

HTMLでのタグの書き方

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

こうなります(これをコピーする場合、メモ帳などに張り付けて「”」を半角に修正してください。そうしないと使えません)。

タグを入れないと

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

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

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

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

コメント