html - Chrome の ol タグ

Question

div に単純な ol リストがあります。

<div class="one">Title<hr width="200px">
<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>
</div>

Div CSS:

div.one {
float:left;
width:250px;
height:525px;
background-color:#e0e0e0;
font-size:30px;
margin:2px;
color:#6d6e71;
}

FF と IE では、テキスト (中央揃えが継承されます) の開始位置に数値が作成されますが、Chrome では、div の開始位置に数値が作成されます。この問題を解決するには？

score 1 · Accepted Answer

これを追加してみてください：

div.one ol {list-style-position:inside; margin:0; padding:0;}

1 に答える 1