I'm dealing with an issue regarding a simple ol list in a div:
<div class="one">Title<hr width="200px">
<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>
</div>
Here's the CSS for the div:
div.one {
float:left;
width:250px;
height:525px;
background-color:#e0e0e0;
font-size:30px;
margin:2px;
color:#6d6e71;
}
My issue is that on Firefox and Internet Explorer, the numbers are aligned where the text starts (center alignment inherited), but on Chrome they are created where the div starts. Any solutions to this problem?