>* { margin: 0; padding: 0 }<![CDATA[
   .j { font-size: 3em; color: navy; font-family: Ahem; }
   .a { font-size: 1em; }
   .b { font-size: 1em; font-size: -0.5in; }
   .j p { margin: 10px 30px; }
  ]]></style>
  <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" title="15.7 Font size: the 'font-size' property"/>
 </head>
 <body>
  <p>The two boxes below should be the same size.</p>
  <div class="j">
   <p class="a"> x </p>
   <p class="b"> x </p>
  </div>
 </body>
</html>
