注意書きなどでは、文頭に「※(米印)」が付くことが多いですが、改行されて複数行になる場合はインデントさせて文頭をそろえるときれいに見えます。 そのためには「※(米印)」を画像化して背景処理をするという手もありますが、フォントサイズや色の変更などを考慮すると、やはりテキスト処理したいところです。 そんな「※(米印)」のテキスト処理で簡単な方法としては以下のようなコーディングがあります。 CSS .note { padding-left: 1em; text-indent: -1em; } HTML <p class="note">※注意書きテキスト(改行されても文頭がそろいます)</p> こんな簡単なことで注意書きの見栄えがグッとよくなります。ただ、Macの標準ブラウザSafariでみると、2行目の文頭がずれてしまいます。さすがに標準ブラウザは無視することはできないですよね・・・。 そこで以