箇条書きや長い文章を、リストタグやpタグ等で囲ってマークアップする場合、「・」や「※」といった記号や数字を文の頭につけることがありますよね。 そんな時、2行目以降の開始位置を一字下げたい場合があります。 しかし、スペースを入れたりして位置調整をするのはご法度。 cssで調整をし、どんな画面でもキレイに見えるようにする必要があります。 今回は、2行目以降をの文頭をそろえるテクニックの解説です。 インデント(字下げ)を入れる方法 2行目以降をインデント(字下げ)する方法はすごく簡単です。 セレクター { text-indent: -1em; padding-left: 1em; } 字下げしたい箇所にこのcssを適用すると文の2行目以降を一字下げ、文頭の位置をそろえることができます。 1.「text-indent」で「-1em」の設定 2.「padding-left」で「1em」の設定 ※アイ