<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>