I want to express my font sizes in ems, or possibly percentages, so that my WebHelp can be resized by users with visual problems. But I keep getting tripped up by inheritance.
Can anyone suggest what CSS I need to style the following so that all the Ordinary Text appears at the same size and the Smaller Text is 80% of the Ordinary Text?
Code: Select all
<body>
<p>Ordinary Text Ordinary Text Ordinary Text</p>
<ol>
<li>Ordinary Text Ordinary Text Ordinary Text</li>
<li>
<p>Ordinary Text Ordinary Text Ordinary Text</p>
<p>Ordinary Text Ordinary Text Ordinary Text</p>
<p>Smaller Text Smaller Text Smaller Text</p>
</li>
</ol>
<p>Ordinary Text Ordinary Text Ordinary Text</p>
<p>Smaller Text Smaller Text Smaller Text</p>
</body>