Account for margin after when laying out <legend> element
[WebKit.git] / 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>