bold the numbers in a ol li list
sounds like an easy thing to do, but maybe not so simple. you can do this using the counter css element. code below:
HTML
<ol class='bold-list'>
<li>item</li>
<li>item</li>
<li>item</li>
</ol>
CSS
ol.bold-list {
margin: 0 0 1.5em;
padding: 0;
counter-reset: item;
}
ol.bold-list > li {
margin: 0;
padding: 0 0 0 2em;
text-indent: -2em;
list-style-type: none;
counter-increment: item;
}
ol.bold-list > li:before {
display: inline-block;
width: 1em;
padding-right: 0.5em;
font-weight: bold;
text-align: right;
content: counter(item) ".";
}
- item
- item
- item