HTML & CSS - テキストを字下げする

テキストを字下げする

テキストを字下げするには、CSS の text-indent プロパティで定義します。text-indent プロパティの値は字下げ（インデント）する幅を指定します。このときの単位は em などが使われます。

<!DOCTYPE html>
<html lang="ja">
  ...
  <p class="textindent1em">
    テキストを１文字分字下げ指定した文章です。
  </p>
  ...
</html>

テキストを字下げする - HTML

.textindent1em {
    text-indent: 1em;
}

テキストを字下げする - CSS

フォントについての CSS 設定例は、読みやすいフォントの CSS 設定例を参照してください。

関連記事