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