third_party/WebKit/LayoutTests/fast/writing-mode/fieldsets.html

   1 <html>
   2 <head>
   3 <style>
   4 fieldset
   5 {
   6     -webkit-logical-width:200px;
   7     -webkit-logical-height:100px;
   8     margin:1em;
   9     display:inline-block;
  10 }
  11
  12 div
  13 {
  14     -webkit-logical-width:100px;
  15     -webkit-logical-height:25px;
  16     background-color:orange;
  17 }
  18
  19 </style>
  20 </head>
  21
  22 LTR fieldset with left/center/right text-align: <br>
  23
  24 <fieldset>
  25 <legend style="text-align:left; margin-left:20px"><div></div></legend>
  26 </fieldset>
  27
  28 <fieldset>
  29 <legend style="text-align:right; margin-right:20px"><div></div></legend>
  30 </fieldset>
  31
  32 <fieldset>
  33 <legend style="text-align:center;"><div></div></legend>
  34 </fieldset>
  35
  36 <br>
  37
  38 RTL fieldset with left/center/right text-align: <br>
  39
  40 <fieldset dir=rtl>
  41 <legend style="text-align:left; margin-left:20px"><div></div></legend>
  42 </fieldset>
  43
  44 <fieldset dir=rtl>
  45 <legend style="text-align:right; margin-right:20px"><div></div></legend>
  46 </fieldset>
  47
  48 <fieldset dir=rtl>
  49 <legend style="text-align:center;"><div></div></legend>
  50 </fieldset>
  51
  52 <br>
  53
  54 Vertical LTR fieldset with left/center/right text-align: <br>
  55
  56 <fieldset style="-webkit-writing-mode:vertical-lr">
  57 <legend style="text-align:left; margin-top:20px"><div></div></legend>
  58 </fieldset>
  59
  60 <fieldset style="-webkit-writing-mode:vertical-lr">
  61 <legend style="text-align:right; margin-bottom:20px"><div></div></legend>
  62 </fieldset>
  63
  64 <fieldset style="-webkit-writing-mode:vertical-lr">
  65 <legend style="text-align:center"><div></div></legend>
  66 </fieldset>
  67
  68
  69 <br>
  70
  71 Vertical RTL fieldset with left/center/right text-align: <br>
  72
  73 <fieldset dir=rtl style="-webkit-writing-mode:vertical-lr">
  74 <legend style="text-align:left; margin-top:20px"><div></div></legend>
  75 </fieldset>
  76
  77 <fieldset dir=rtl style="-webkit-writing-mode:vertical-lr">
  78 <legend style="text-align:right; margin-bottom:20px"><div></div></legend>
  79 </fieldset>
  80
  81 <fieldset dir=rtl style="-webkit-writing-mode:vertical-lr">
  82 <legend style="text-align:center"><div></div></legend>
  83 </fieldset>