number styles of list displayed in table-row?

by Kheema Pandey

HTML

<ol>
    <li><span>title: </span><span>description</span></li>
    <li><span>title two: </span><span>description</span></li>
</ol>

CSS

ol {
    counter-reset:index;
}
li{
    display: table-row;
    counter-increment: index;
}
li:before {
    content:counter(index)'. ';
}
li span{
    display: table-cell;
    padding: 5px;
}