CSSのテキストインデントで2行目以降の行頭を字下げする方法例えば、 「※注意書きホニャララ・・・」 といった記述に対して、右の画像みたいに2行目以降を自動的に字下げしたいケースってありませんか？ 今日は このようなケースを、text-indentプロパティを上手く使って、実現する方法を紹介したいと思います。 行頭を字下げするtext-indentプロパティ text-indentは、段落１行目の行頭を字下げするプロパティ。 HTML・CSSの記述や実際の表示の例は、以下のとおりです。 ◆HTML <p class=”jisage”> ※注意文とかで２行目を字下げしたい時は、スタイルカスケードシートのテキストインデントプロパティを上手く使いましょう。注意文とかで２行目を字下げしたい時は、スタイルカスケードシートのテキストインデントプロパティを上手く使いましょう。 </p> ◆CSS .jisage{ text-indent:1em; } ◆実際の表
