layout/reftests/forms/legend/legend-ref.html

   1 <!DOCTYPE HTML>
   2 <html><head>
   3     <title>Reference case for bug 740743</title>
   4     <style type="text/css">
   5
   6         html,body {
   7             color:black; background-color:white; font-size:16px; padding:0; margin:0;
   8         }
   9
  10 fieldset { padding: 2px; }
  11 legend { padding: 0; }
  12 span {
  13    background: lime;
  14    display: block;
  15    padding-left: 2px;
  16    padding-right: 2px;
  17 }
  18
  19 .s10 { width:10px; height:10px; }
  20 .h10 { height:10px; }
  21 .w50 { width:50px; }
  22 .hidden { overflow:hidden; }
  23 .scroll { overflow:scroll; }
  24 .auto { overflow:auto; }
  25
  26 .o { text-overflow: ellipsis; }
  27
  28 #inline span { display:inline; }
  29 #inline-block span { display:inline-block; }
  30
  31     </style>
  32 </head>
  33 <body>
  34
  35 <fieldset><legend><span class="hidden s10"><b>Legend Test</b></span></legend></fieldset>
  36 <fieldset><legend><span class="scroll s10">Legend Test</span></legend></fieldset>
  37 <fieldset><legend><span class="auto s10">Legend Test</span></legend></fieldset>
  38 <fieldset><legend><span class="hidden w50"><b>Legend Test</b></span></legend></fieldset>
  39 <fieldset><legend><span class="scroll w50">Legend Test</span></legend></fieldset>
  40 <fieldset><legend><span class="auto w50"><b>Legend Test</b></span></legend></fieldset>
  41 <fieldset><legend><span class="hidden">Legend Test</span></legend></fieldset>
  42 <fieldset><legend><span class="auto"><b>Legend Test</b></span></legend></fieldset>
  43 <fieldset><legend><span class="auto"><b>Legend Test</b></span></legend></fieldset>
  44 <fieldset><legend><span class="auto"><b>Legend Test</b></span></legend></fieldset>
  45
  46 <fieldset><legend><span class="hidden w50 o"><b>Legend Test</b></span></legend></fieldset>
  47 <fieldset><legend><span class="hidden w50 o">Test Legend</span></legend></fieldset>
  48 <fieldset><legend><span class="hidden o">Test Legend</span></legend></fieldset>
  49 <fieldset><legend><span class="auto w50 o"><b>Legend Test</b></span></legend></fieldset>
  50 <fieldset><legend align="right"><span class="hidden w50 o">Test Legend</span></legend></fieldset>
  51 <fieldset><legend align="center"><span class="hidden w50 o">Test Legend</span></legend></fieldset>
  52
  53 <div id="inline">
  54 <span class="hidden s10"><b>Legend Test</b></span>
  55 <span class="scroll s10">Legend Test</span>
  56 <span class="auto s10">Legend Test</span>
  57 <span class="hidden w50"><b>Legend Test</b></span>
  58 <span class="scroll w50">Legend Test</span>
  59 <span class="auto w50"><b>Legend Test</b></span>
  60 <span class="hidden">Legend Test</span>
  61 <span class="auto"><b>Legend Test</b></span>
  62
  63 <span class="hidden w50 o"><b>Legend Test</b></span>
  64 <span class="hidden w50 o">Test Legend</span>
  65 <span class="hidden o">Test Legend</span>
  66 <span class="auto w50 o"><b>Legend Test</b></span>
  67 <span class="hidden w50 o">Test Legend</span>
  68 <span class="hidden w50 o">Test Legend</span>
  69 </div>
  70
  71 <div id="inline-block">
  72 <span class="hidden s10"><b>Legend Test</b></span>
  73 <span class="scroll s10">Legend Test</span>
  74 <span class="auto s10">Legend Test</span>
  75 <span class="hidden w50"><b>Legend Test</b></span>
  76 <span class="scroll w50">Legend Test</span>
  77 <span class="auto w50"><b>Legend Test</b></span>
  78 <span class="hidden">Legend Test</span>
  79 <span class="auto"><b>Legend Test</b></span>
  80 <span class="auto"><b>Legend Test</b></span>
  81
  82 <span class="hidden w50 o"><b>Legend Test</b></span>
  83 <span class="hidden w50 o">Test Legend</span>
  84 <span class="hidden o">Test Legend</span>
  85 <span class="auto w50 o"><b>Legend Test</b></span>
  86 <span class="hidden w50 o">Test Legend</span>
  87 <span class="hidden w50 o">Test Legend</span>
  88 </div>
  89
  90 <span class="auto w50"><b>Legend Test</b></span>
  91 <span><b>Legend Test</b></span>
  92 <span><b>Legend Test</b></span>
  93
  94 </body>
  95 </html>