third_party/WebKit/LayoutTests/fast/forms/legend-after-margin-with-before-border-horizontal-mode.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5     legend {
   6         background: #fc0;
   7         margin-bottom: 50px;
   8         font: 10px Ahem;
   9     }
  10     fieldset {
  11         border-top: 70px solid #ddd;
  12         background: #ddd;
  13     }
  14     p { margin-top: 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>xxxx</legend>
  21         <p>There should be a 20px gap above to account for the margin bottom collapsing into the fieldset before border.</p>
  22     </fieldset>
  23 </form>
  24 </body>
  25 </html>