Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Listing ol li up to down in 2 column with CSS

I have an ol/li listing (in one ol tag), I need to list in two columns. There must be a way to do it in CSS. alt text

like image 760
designer-trying-coding Avatar asked Oct 15 '22 00:10

designer-trying-coding


2 Answers

I have no definite answer for you, but you may have a look at this article from "A List Apart": CSS Swag: Multi-Column Lists.

There are listed several methods to achieve this, but only some of them work with one single list.

like image 86
davehauser Avatar answered Oct 16 '22 14:10

davehauser


You can use the start attribute

<ol>
  <li>One</li>
  <li>Two</li>
  <li>Three</li>
</ol> 

<ol start="4">
  <li>Four</li>
  <li>Five</li>
  <li>Six</li>
</ol>

http://www.w3schools.com/tags/att_ol_start.asp

like image 28
Mimo Aly Avatar answered Oct 16 '22 14:10

Mimo Aly