CSSのtext-indentを使用して段落の１行目をインデントする方法
最近デザインに目覚めはじめました@takahashiです。
CSSで文章の１行目を全角１文字分インデントしたい、といった場合はtext-indentを使えば一発で可能です。
少年も残酷、少女も残酷です。 優しさなどというものは、大人のずるさと 一緒にしか育っていかないものです。
上記のように１行目だけインデントする場合に
<div style="text-indent:-1em;"> 文章～<br> 文章～<br> 文章～<br> </div>
とすれば上記のように１行目のみインデントされます。サンプルでは左パディングしています。
KHI入社して退社。今はCONFRAGEで正社員です。関西で140-170/80～120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^
コメント