いつも忘れて思い出すのに時間がかかるCSSテクニック集

HOME > 文章のぶら下がりを、CSSで簡単に設定するの巻

文章のぶら下がりを、CSSで簡単に設定するの巻

よくある、※印付きの注釈文章↓。
※印だけぴょこんと飛び出すように、2行目からインデントを入れてほしいと頼まれたら。。。

※ああああああああああああああああああああああ
いいいいいいいいいいいいいいいいいいいいいいいい
うううううううううううううううううううううううう

こんなふうに↓

※ああああああああああああああああああああああ
いいいいいいいいいいいいいいいいいいいいいいいい
うううううううううううううううううううううううう

HTML

<p class="example06">※ああああああああああああああああああああああ<br />
いいいいいいいいいいいいいいいいいいいいいいいい</p>

CSS

.example06 {
  margin-left: 1em;
  text-indent: -1em;
}

↑ページトップへ

HOMEへ