Edit in JSFiddle

<ol>
    <li>Intel</li>
    <li>Microsoft</li>
    <li>Apple</li>
    <li>Dell</li>
</ol>
ol{
    counter-reset: item;
}
li{
    display: block; color: green;
}
li:before{
    content: counter(item) ". ";
    counter-increment: item;
    color: red;
}