LayoutTests/css2.1/t040303-c62-percent-00-b-ag.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
   2 <html>
   3  <head>
   4   <title>CSS 2.1 Test Suite: Percentage Units</title>
   5   <style type="text/css">
   6    p { margin: 1em 0; }
   7    .zero { background: red url(support/css1test62-outer.png) no-repeat; width: 12em; font: 15px/1 Ahem; border: solid black; color: green ; }
   8    .one { margin-left: 25%; margin-right: 25%; background: red url(support/css1test62-inner.png) no-repeat; }
   9    .two { margin-left: 50%; margin-right: 0%; background: red url(support/css1test62-inner.png) no-repeat; }
  10    .three { margin-left: 25%; }
  11   </style>
  12   <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#percentage-units" title="4.3.3 Percentages">
  13  </head>
  14  <body>
  15   <p>There should be a green box below.</p>
  16   <div class="zero">
  17    <div class="one">
  18     <p>
  19      x x x x x x x x x x x x x x x
  20     </p>
  21    </div>
  22    <div class="two">
  23     <p>
  24      x x x x x x x x x x x x x x x
  25     </p>
  26    </div>
  27    <p class="three">
  28     x x x x x x x x x x x x x x x x x x x x
  29    </p>
  30   </div>
  31  </body>
  32 </html>