<style type="text/css">
#fox_normal {font-size: normal}
#fox_smaller {font-size: smaller}
#fox_bigger {font-size: bigger}
#fox_xx_small {font-size: xx_small}
#fox_x_small {font-size: x_small}
#fox_small {font-size: small}
#fox_large {font-size: large}
#fox_x_large {font-size: x_large}
#fox_xx_large {font-size: xx_large}
</style>
<div id="fox_normal">
The quick brown fox jumps over the lazy dog.
</div>
<div id="fox_smaller">
The quick brown fox jumps over the lazy dog.
</div>
<div id="fox_bigger">
The quick brown fox jumps over the lazy dog.
</div>
<div id="fox_xx_small">
The quick brown fox jumps over the lazy dog.
</div>
<div id="fox_x_small">
The quick brown fox jumps over the lazy dog.
</div>
<div id="fox_small">
The quick brown fox jumps over the lazy dog.
</div>
<div id="fox_default">
The quick brown fox jumps over the lazy dog.
</div>
<div id="fox_large">
The quick brown fox jumps over the lazy dog.
</div>
<div id="fox_x_large">
The quick brown fox jumps over the lazy dog.
</div>
<div id="fox_xx_large">
The quick brown fox jumps over the lazy dog.
</div>
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.