<p>How do you retain the indentation of numbered lists?  I have a page where the numbers are pushed off the page.  How can I prevent this?</p>

<pre><code>&lt;ol style="padding: 0"&gt;
    &lt;li&gt;Item 1&lt;/li&gt;
    &lt;li&gt;Item 2&lt;/li&gt;
    &lt;li&gt;Item 3&lt;/li&gt;
&lt;/ol&gt;
</code></pre>

With a CSS rule like this:
```
```
ol { margin-left: 30px; }
```
```
Here's some information about the
CSS box model
.