Yaakov Ellis Yaakov Ellis - 7 months ago 21
HTML Question

Make ABC Ordered List Items Have Bold Style

I have an html Ordered list with type set to "A"

<ol type="A">...</ol>


Thus, each list item will start with A, B, C, etc.

I would like to style the A, B, C letters to be bold. I have tried setting font-weight:bold; via css, but it didn't work. Any suggestions on how to do this?

Answer

a bit of a cheat, but it works:

HTML:

<ol type="A" style="font-weight: bold;">
  <li><span>Text</span></li>
  <li><span>More text</span></li>
</ol>

CSS:

li span { font-weight: normal; }
Comments