CSSで注釈などのテキストの一行目だけを、一文字分出したいときのメモです。
1
2
3
4
| p.indent {
text-indent: -1em;
padding-left: 1em;
} |
p.indent {
text-indent: -1em;
padding-left: 1em;
}
テキスト全体を「padding-left」で一文字分下げて、「text-indent」にて一行目のテキストのみ一文字分、前にずらしています。表示は次のようになります。
※注釈のテキストが入ります。注釈のテキストが入ります。注釈のテキストが入ります。注釈のテキストが入ります。注釈のテキストが入ります。注釈のテキストが入ります。注釈のテキストが入ります。注釈のテキストが入ります。注釈のテキストが入ります。注釈のテキストが入ります。
|