layout/reftests/forms/legend/legend-padding-2.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <title>Testcase for bug 1483499</title>
   5   <style>
   6     html { writing-mode: vertical-rl }
   7     legend {
   8       background: yellow;
   9       border: 1px solid brown;
  10     }
  11   </style>
  12 </head>
  13 <body>
  14 <!-- Test: legend default styling shouldn't be affected
  15      by presence of a display:contents wrapper: -->
  16 <fieldset>
  17   <div style="display: contents">
  18     <legend>DisplayContentsWrapper</legend>
  19   </div>
  20 </fieldset>
  21 <br>
  22
  23 <!-- Test: legend should get the same 2px of inline-axis padding, even
  24      if it's not inside of a fieldset at all. -->
  25 <legend>JustALegend</legend>
  26 <br>
  27
  28 <!-- ...and if it's nested, each nesting level will add 2px of padding. -->
  29 <legend>
  30   <legend>NestedLegend</legend>
  31 </legend>
  32 <br>
  33
  34 <fieldset>
  35   <legend>
  36     <legend>
  37       <legend>NestedLegendInFieldset</legend>
  38     </legend>
  39   </legend>
  40 </fieldset>
  41
  42 </body>
  43 </html>