-
テキストインデントを使用する方法:
p { text-indent: 2em; }
このコードは、
p
要素(段落)内のテキストの1行目をインデントするために、text-indent
プロパティを使用しています。2em
はインデントのサイズを表しており、必要に応じて調整できます。 -
::first-line疑似要素を使用する方法:
p::first-line { text-indent: 2em; }
このコードは、
p
要素の最初の行のテキストをインデントするために、::first-line
疑似要素を使用しています。 -
::first-letter疑似要素を使用する方法:
p::first-letter { margin-left: 2em; }
このコードは、
p
要素の最初の文字をインデントするために、::first-letter
疑似要素を使用しています。この方法では、最初の文字のみがインデントされます。
これらの方法を使用すると、段落の2行目を簡単にインデントすることができます。ブログ投稿には、これらのコード例を適用して、効果的な段落のインデントを実現する手段として紹介することができます。