CSS の li に width を指定すると不具合が起こる

ol li タグが連番にならない不具合

EasyAll 1.1 の CSSで、

  1. #content div.post div.storycontent li {
  2.     margin-left: 30px;
  3.     width: 85%;
  4. }

などと width を指定しているようだが、そんなことをすると不具合が起こりまくってしょうがない。

たとえば、 ol タグで番号が連番にならず、

1. ああああ
1. ああああ

のようになってしまうわ、 ul でリストマークがこんなところにはいっちゃったり。

● 1 行のリストなら問題ないが・・・

  今日はとても良い天気ですね。明日もいい天気に決まってます。さらに
● 文章は続きますよ、ここは折り返された行と思ってもらえれば。

見づらくてしょうがない。

何がいいたいかというと、 li に width は指定するなってことだ。