Title: ol tag in Chrome
Tags: html;css;google-chrome
Question: I have a simple ol list in a div:

```<div class="one"&gt;Title<hr width="200px"&gt;
<ol&gt;
<li&gt;One</li&gt;
<li&gt;Two</li&gt;
<li&gt;Three</li&gt;
</ol&gt;
</div&gt;
```

Divs CSS:

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

On FF and IE the numbers are created where the text (center alignment inherited) starts but on Chrome numbers are created where the div starts. How to solve this problem? 


Here is the accepted answer: Try adding this:

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

http://jsfiddle.net/yzyXE/



{'source': 'StackExchangeDataset', 'subset': 'stackoverflow.com', 'metadata': {'AnswerCount': 1, 'CommentCount': 0, 'ContentLicense': 'CC BY-SA 3.0', 'CreationDate': '2013:00:09/26/13', 'FavoriteCount': None, 'PostTypeId': 1, 'Tags': '<html><css><google-chrome>', 'Title': 'ol tag in Chrome', 'ViewCount': 167, 'id': 19036319, 'user_AboutMe': '', 'user_AccountId': 3286519.0, 'user_DisplayName': 'Thinch', 'user_Reputation': 41.0, 'user_Views': 4.0, 'user_id': 2765889.0}}