注釈を入れるときに美しく見せるためのCSSテクニック

文中に（※）マークを入れて注意文を入れたりしますが、その際にCSSでの記述についてです。
例えば
<p class="caution">※注意文の内容なのです。</p>
という文があたっとして、
これがもし2行に渡った場合

※注意文の内容
なのです。

となってしまい、自動改行された際に「な」が左にピッタリくっついてしまいます。

そこでcssファイルに

p.caution {
  margin-left: 1em;
  text-indent: -1em;
}

とすると

※注意文の内容
なのです。

きれいに一文字空いてくれます。

地味ですが見た目的にも良くなりますし、意外と使い道多いです。
※インライン要素にはうまく作用しませんので、注意してください。