layout/reftests/forms/legend/1273433.html

   1 <!DOCTYPE HTML>
   2 <html><head>
   3     <meta charset="utf-8">
   4     <title>Testcase for bug 1273433</title>
   5     <style type="text/css">
   6
   7 html,body {
   8     color:black; background-color:white; font-size:12px; padding:0; margin:0;
   9 }
  10
  11 fieldset { border: 1px solid black; }
  12 .v { writing-mode: vertical-lr; height:300px; float:left; }
  13 legend { width: 100px; border:1px solid blue; }
  14 .v legend, .rl legend { width: auto; height: 100px; }
  15 .rtl { direction:rtl; }
  16 .ltr { direction:ltr; }
  17
  18     </style>
  19 </head>
  20 <body>
  21
  22 <fieldset><legend>(unset)</legend></fieldset>
  23 <fieldset><legend align="left">left</legend></fieldset>
  24 <fieldset><legend align="right">right</legend></fieldset>
  25
  26 <fieldset class="rtl"><legend>(unset)</legend>RTL</fieldset>
  27 <fieldset class="rtl"><legend align="left">left</legend>RTL</fieldset>
  28 <fieldset class="rtl"><legend align="right">right</legend>RTL</fieldset>
  29
  30 <fieldset class="rtl"><legend class="ltr" align="left">left</legend>RTL</fieldset>
  31 <fieldset class="rtl"><legend class="ltr" align="right">right</legend>RTL</fieldset>
  32
  33 <fieldset><legend align="bottom">bottom</legend></fieldset>
  34 <fieldset><legend align="top">top</legend></fieldset>
  35
  36 <fieldset class="v"><legend>(unset)</legend></fieldset>
  37 <fieldset class="v"><legend align="left">left</legend></fieldset>
  38 <fieldset class="v"><legend align="right">right</legend></fieldset>
  39
  40 <fieldset class="v rtl"><legend>(unset)</legend>RTL</fieldset>
  41 <fieldset class="v rtl"><legend align="left">left</legend>RTL</fieldset>
  42 <fieldset class="v rtl"><legend align="right">right</legend>RTL</fieldset>
  43
  44 <fieldset class="v rtl"><legend class="ltr" align="left">left</legend>RTL</fieldset>
  45 <fieldset class="v rtl"><legend class="ltr" align="right">right</legend>RTL</fieldset>
  46
  47 <fieldset class="v"><legend align="bottom">bottom</legend></fieldset>
  48 <fieldset class="v"><legend align="top">top</legend></fieldset>
  49
  50 </body>
  51 </html>