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

テキストを字下げする

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

<!DOCTYPE html>
<html lang="ja">
  ...
  <p class="textindent1em">
    テキストを1文字分字下げ指定した文章です。
  </p>
  ...
</html>
テキストを字下げする - HTML
.textindent1em{
    text-indent: 1em;
}
テキストを字下げする - CSS

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

関連記事