SolutionCottage.com
Posted  07 Nov 2008 - 19:49:28

Category: CSS


style only the numbers in an ordered list

Issue:
When you style an ordered list, you might get the result that you style the whole list, with content and numbers.

Solution: First style the ol like this:

ol {
font-weight: bold;
}

Then style the p like this:

p {
font-weight:normal;
}

Then make your list structure like this:

<ol>
<li><p>Number one</p></li>
<li><p>Number one</p></li>
<li><p>Number one</p></li>
</ol>



Marked as helpful by 1 user




0 comments:








© SolutionCottage 2008-2011 7/21/2017 3:32:52 AM