third_party/WebKit/LayoutTests/fast/parser/style-script-head-test.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
   2 <html>
   3  <style type="text/css">
   4   /* set the line height of the line of coloured boxes so we can add them without the layout changing height */
   5   .buckets { font: 0/0 Arial, sans-serif; }
   6
   7   /* REMOVING THIS RULE CAUSES OTHER BROWSERS TO FAIL LIKE SAFARI */
   8   :first-child + * .buckets p { display: inline-block; vertical-align: 2em; border: 2em dotted red; padding: 1.0em 1.3em; }
   9
  10   * + * > * > p { margin: 0 0.2em; border: 1px solid ! important; }
  11
  12   /* sizes for the six buckets */
  13   #bucket1 { font-size: 20px; }
  14   #bucket2 { font-size: 24px; }
  15   #bucket3 { font-size: 28px; }
  16   #bucket4 { font-size: 32px; }
  17   #bucket5 { font-size: 36px; }
  18   #bucket6 { font-size: 40px; }
  19
  20   /* colours for them */
  21   .zP { background: black; }
  22  </style>
  23
  24  <script type="text/javascript"></script>  <!-- THIS TAG CAUSES THE LAYOUT BADNESS -->
  25  <body>
  26   <div class="buckets"
  27    ><p id="bucket1" class="zP"></p
  28    ><p id="bucket2" class="zP"></p
  29    ><p id="bucket3" class="zP"></p
  30    ><p id="bucket4" class="zP"></p
  31    ><p id="bucket5" class="zP"></p
  32    ><p id="bucket6" class="zP"></p>
  33   </div>
  34  </body>
  35 </html>