| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| legend { | |
| background: #fc0; | |
| font: 10px Ahem; | |
| } | |
| fieldset { | |
| border-top: 70px solid #ddd; | |
| background: #ddd; | |
| } | |
| p { margin-top: 20px; } | |
| </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>xxxx</legend> | |
| <p>There should be a 20px gap above to account for the margin bottom collapsing into the fieldset before border.</p> | |
| </fieldset> | |
| </form> | |
| </body> | |
| </html> |