stylesheet

cssで改行時に行頭を揃える方法

文章で2行目以降の行頭も揃えたい場合、cssの疑似クラス:beforeを使って実装できるので覚書。

<p class="sample">ここに文章がはいりますここに文章がはいりますここに文章がはいりますここに文章がはいります</p>
.sample{
  padding-left:1em;
  text-indent:-1em;
}
.sample:before{
  content:"●";
}
  • この記事を書いた人

ゆず

忘れないように自分の覚書と、誰かも困っているかもしれないので参考になればいいなくらいの軽い備忘録です。
一杯おごる

-stylesheet