third_party/WebKit/LayoutTests/fast/forms/legend-after-margin-vertical-writing-mode.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5     form {
   6         -webkit-writing-mode: vertical-lr;
   7         writing-mode: vertical-lr;
   8     }
   9     legend {
  10         background: #fc0;
  11         margin-right: 50px;
  12     }
  13     fieldset { background: #ddd; }
  14     p { margin-left: 0px; }
  15 </style>
  16 <body>
  17 <div>bug <a href="https://bugs.webkit.org/show_bug.cgi?id=35981">35981</a>: Can't apply a bottom-margin to the legend element</div>
  18 <form>
  19     <fieldset>
  20         <legend>Legend</legend>
  21         <p>There should be a 50px gap on the right to account for the margin-bottom on the legend.</p>
  22     </fieldset>
  23 </form>
  24 </body>
  25 </html>