Question

Is there anyway to bold the decimals in an ordered list using CSS only? The CMS we are using is spitting out li’s with no nested p/span/header tag so I can’t bold the li and reset the nested tag…

Any ideas?

thanks

Answer 1

you may use :first-line pseudo-element for the li, like

li {
  font-weight: bold;
}
li:first-line {
  font-weight: normal;
}

It works for the latest versions of modern browsers, except IE.

For IE you need to use scripting to add nested tag for the li’s