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