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