HOME > 文章のぶら下がりを、CSSで簡単に設定するの巻
よくある、※印付きの注釈文章↓。
※印だけぴょこんと飛び出すように、2行目からインデントを入れてほしいと頼まれたら。。。
※ああああああああああああああああああああああ
いいいいいいいいいいいいいいいいいいいいいいいい
うううううううううううううううううううううううう
こんなふうに↓
※ああああああああああああああああああああああ
いいいいいいいいいいいいいいいいいいいいいいいい
うううううううううううううううううううううううう
HTML
<p class="example06">※ああああああああああああああああああああああ<br />
いいいいいいいいいいいいいいいいいいいいいいいい</p>
CSS
.example06 {
margin-left: 1em;
text-indent: -1em;
}
© netdehatch.com