layout/reftests/first-letter/font-text-styles-ref.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <title>Testing first-letter handling of font/text styles</title>
   5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   6
   7 <style type="text/css">
   8 html { overflow: hidden; }
   9 body {
  10   margin: 1em;
  11   font-size: 25px;
  12   line-height: 1.2em;
  13   font-family: serif;
  14 }
  15
  16 div { width: 200px; }
  17 p { width: 0.5em; margin: 0; }
  18 span.bold { font-weight: bold; }
  19 span.bolditalic { font-weight: bold; font-style: italic; }
  20 span.floater { float: left; }
  21 span.sans { font-family: sans-serif; }
  22 </style>
  23
  24 </head>
  25 <body>
  26 <div>
  27 <p><span class="bold">Y</span>ellow corndog</p>
  28 <p><span class="bolditalic">h</span>IPPIE BANANA</p>
  29 <p><span class="floater"><span class="sans">G</span>onzo macadamia</span></p>
  30 <p><span class="bolditalic">f</span>ELICITOUS <span class="bold">R</span>aspberry</p>
  31 </div>
  32 </body>
  33 </html>