title: How can I show numbers on an inline ordered list?
body: <p>I have a list: </p>
  
  <pre><code>&lt;ol&gt;
      &lt;li&gt;Login&lt;/li&gt;
      &lt;li&gt;Address&lt;/li&gt;
      &lt;li&gt;Shipping&lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p>It shows the decimal numbers fine, but when I set the <code>&lt;li&gt;</code> to inline or inline-block, the numbers vanish! I saw other places online mentioned that I have to ensure I have enough margin and padding. and I am sure that I do (10px of each!) Is there some other reason the numbers might be disappearing?  I know from firebug that as soon as I uncheck <code>inline</code> they come back.</p>
  
  <p>The CSS is:</p>
  
  <pre><code>ol {
    padding: 20px;
    list-style-type: decimal;
  }
  ol li {
    display: inline;
    margin: 0 10px;
    padding: 0 10px;
  }
  </code></pre>