Enable fieldsets to be flexboxes, grids and multicolumn.
[WebKit-https.git] / LayoutTests / fast / forms / fieldset / fieldset-positioned-legend.html
1 <!doctype html>
2 <html>
3     <head>
4         <style>
5             fieldset > div:not(.positioned) { border:2px solid skyblue; background-color:#cccccc; -webkit-margin-before:6px; -webkit-margin-after:6px;   }
6             fieldset { position:relative; margin:0; vertical-align:bottom; -webkit-logical-width:320px; display:inline-block; border:12px solid navy; padding:28px; }
7             legend { padding:0; -webkit-logical-height:64px; -webkit-logical-width: 284px; background-color:#3080f080; border:8px solid lightblue; font-size:48px; position:absolute;bottom:0;right:0 }
8             
9         </style>
10     </head>
11     <body>
12         <fieldset>
13             <legend>Legend Title</legend>
14             
15             <div>Fieldset Contents</div>
16             
17             <div>More Fieldset Contents</div>
18             
19             
20         </fieldset>
21
22     </body>
23 </html>