［HTML］先頭文字を字上げする

箇条書きは通常<ul>タグや<ol>タグを使って作ります。

例）<ul>タグによる箇条書き

• あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
• いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい

これを<ul>タグを使わずに作ります。

• あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

• いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい

やり方

全体を２文字分字下げし、先頭行のみ１文字分字上げしています。
<div style="margin-left: 2em; text-indent: -1em;">
・・・
</div>

補足

<ul>タグ中で使う場合には、字下げは２文字ではなく、１文字にする方がきれいに見える（もちろん作り方次第）。

• これは<ul>タグの箇条書きです。
  
  • これは字下げ＋字上げで作成しています。つまり <div style="margin-left: 1em; text-indent: -1em;"> で囲んでいます。