HTML,CSS

HTML,CSS

【CSS】改行が入っても文字の頭をそろえる(2行目以降を1文字下げる)方法

2017/12/15

箇条書きや注釈に「・」や「※」をよく使うと思いますが、改行すると記号が回りこんで埋もれてしまいがちです。
今回は記号ではありませんが、利用規約をHTML化する作業をしていた時に「(1)」などがやはり回りこんでいたのが非常に気になったので、それを回避、揃える方法を備忘録としてポストします。

規約の例

以上のような条文があった場合、(1)が改行すると次のようになってしまいます。

「(2)」をヘッダ記号のようにしたいと思い、CSSを作成。

これで、次のようになるはず。

-HTML,CSS
-, , ,