コメントは受け付けていません。この記事は2012年7月に掲載されたものです。状況が変わったり、リンク先が変わっている可能性があります。「富士通館林システムセンターの電源装置故障はUPSの切替動作障害」で引用したソニー銀行リリース文中で、リスト要素がカッコ付き数字になっている。これはどうやって表現しているのか。ソースとスタイルシートを見ると、カッコ付き数字はそのまま本文に書き、text-indentプロパティをマイナスにして、その分だけpadding-leftプロパティをプラスにしていた。これでマーカーなしにすれば、カッコ付き数字や丸囲み数字のリストが出来る。OKWaveでは、リスト項目ごとに<div>タグでスタイルを適用する方法をベストアンサーにしているが、リストなのだから<ul>タグ、<li>タグで表現するほうがよい。OKWave「リストの記号を括弧付きの文字にしたい」ということで、スマートな記述がこれ。マーカーなしにすると、その分だけ全体がインデントされたように見えるので、左マージンをマーカーの幅だけマイナスにする。<li>(2)ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</li><li>(3)ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</li></ul>(1)ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ(2)ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ(3)ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ丸囲み数字の場合は機種依存文字なので、数値文字参照を使う。ユニコード依存なので紹介しているところが少ないが、「もうパンツはかない」が詳しい。ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああリスト要素は、スタイルシートで指定がないとデフォルトでインデントされる。このため、ソニー銀行のように本文とリストの前ツラを合わせたい場合は、margin、paddingを0にすればいい。<li>(2)ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</li><li>(3)ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</li></ul></div>(1)ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ(2)ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ(3)ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ当サイトでは部分的に変更するのに<div>タグを使ったが、サイト全体に適用する場合は、スタイルシートの先頭でユニバーサルセレクタ(全称セレクタ)として全要素のmargin、paddingを0にし、あとから要素ごとに個別設定するのが一般的だ。ソニー銀行もそうしている。famfamfam.com.。