<!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>