例えば
＊ぶら下げインデント
普通に改行すると、このように＊の下に回り込んで表示されます。
上の例では２行目の先頭が１行目の先頭と同じ位置になっていますが、１行目の「ぶら下げインデント」が注意書きなどの見出しだった場合、改行した行の先頭を１文字分右にずらして表示させたいこともあります。
このような場合にCSSで調整することができるので紹介します。
以下の例はCSSを適用したものです。
＊ぶら下げインデント
CSSを適用すると、このように改行した行は＊の下に回り込まずに１文字分右にずらして表示させることができます。
CSSのサンプル
[html]
.textIndent{
padding-left: 1em;
text-indent: -1em;
}
[/html]
上の例ではクラス名をtextIndentとして
padding-leftで全体を1文字分右にずらし、
text-indentで１行目だけを1文字分左に戻す。
というようなイメージで指定しています。