| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| legend { | |
| background: #fc0; | |
| margin-bottom: 50px; | |
| } | |
| fieldset { background: #ddd; } | |
| p { margin-top: 0px; } | |
| </style> | |
| <body> | |
| <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> | |
| <form> | |
| <fieldset> | |
| <legend>Legend</legend> | |
| <p>There should be a 50px gap above to account for the margin-bottom on the legend.</p> | |
| </fieldset> | |
| </form> | |
| </body> | |
| </html> |