| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| legend { |
| background: #fc0; |
| margin-bottom: 50px; |
| font: 10px Ahem; |
| } |
| fieldset { |
| border-top: 70px solid #ddd; |
| 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>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> |
