<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>CSS: sanity tests for relative keyword values of font-size</title>
  <style type="text/css">

    tests { display: block; padding: 2em; letter-spacing: 3px; }
    smallest { font-size: xx-small; }
    l { font-size: larger; }
    tests * { vertical-align: bottom; }
    tests, span { font: 900 1em Ahem, Verdana, sans-serif; color: navy; }

  </style>
 </head>
 <body class="test">

  <p>Every <span>X</span> in the string below should be bigger than
  the previous <span>X</span>. (Except at the start, where your UA may
  be making changes that are smaller than a pixel.)</p>

  <tests xmlns="http://www.example.org/">
   <smallest>X<l>X<l>X<l>X<l>X<l>X<l>X<l>X<l>X<l>X<l>X<l>X<l>X<l>X<l>X<l>X<l>X<l>X<l>X<l>X<l>X<l>X<l>X<l>X<l>X<l>X
     </l></l></l></l></l></l></l></l></l></l></l></l></l></l></l></l></l></l></l></l></l></l></l></l></l></smallest>
  </tests>
 </body>
</html>
