Question

I would like to create a 3 column list with an ordered list using css?

1. Apples
2. Oranges
3. Lemons

Right now it is showing an unordered list even though the code is showing ordered.

Example: 1. Apples would be the first column and Oranges would be the second column instead of Apples in the first column and Oranges in the first below it.

<style> ol{margin-bottom:20px; overflow:hidden; width:600px;}
li{display:inline; float:left; line-height:1px;}
#two li {width:50%;}
#three li {width:33.333%;}
#four li {width:25%;}
#six li {width:16.666%;}
</style>




<code>
<ol id="3">
<li>
    <div class="fruit">
        apples
        oranges
        lemons
        etc..
    </div>
</li>
</ol>
  </code>

Answer 1

<ul> is an unordered list. Use <ol> for ordered list.

<ol>
    <li>item 1</li>
    <li>item 2</li>
</ol>​

Here’s a working example: w3schools tryit