<li>タグの頭揃え
クライアントさんの関係から、頻繁に注釈に※を使うことがありますが、普通にテキストで入れるとインデントもかからず、あんまり美しくないです。
このことは前々から気にはなっていたんだけど、ついつい見逃してきました。
が、今日は時間があったので今後はキチンとしようと、CSSを検証してみました。
こんな感じ。
list-style-typeでの指定の場合はそれほど難しいことはないのですが、前述した※のようにW3C準拠ではないものを扱う場合には、text-indentを使ってやれば上手くいきます。ただし、マージンの取り方がブラウザ毎に微妙にちがうみたいなので、微調整が必要でちょっと面倒。
もっといい方法があれば、教えてもらえると喜びます。
コメント＆トラックバック