CSSのtext-indentを使用して段落の1行目をインデントする方法

CSSのtext-indentを使用して段落の1行目をインデントする方法

最近デザインに目覚めはじめました@takahashiです。

CSSで文章の1行目を全角1文字分インデントしたい、といった場合はtext-indentを使えば一発で可能です。

上記のように1行目だけインデントする場合に

とすれば上記のように1行目のみインデントされます。サンプルでは左パディングしています。

サンプル

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA