通常の場合
ol タグで、算用数字が振られるリストを表示すると、1. 2. 3. ・・・ となっていく。
以下が、ol タグで算用数字が振られるソースとその表示例。
■参考ソース
<ol style="list-style-type:decimal"> <li>リスト１</li> <li>リスト２</li> <li>リスト３</li> </ol>
■表示結果
- リスト１
- リスト２
- リスト３
width を指定した場合
これが、li の style に width を指定して、IEでみるとなぜか 1. 1. 1. ・・・ となっている。
以下が、挙動がおかしくなるソースとその表示例。
■参考ソース
<ol style="list-style-type:decimal"> <li style="width:90%">リスト１</li> <li style="width:90%">リスト２</li> <li style="width:90%">リスト３</li> </ol>
■表示結果
- リスト１
- リスト２
- リスト３
これはどうすれば対処できるんだ？
