<!DOCTYPE html>
<html>
<head>
<style>
    form {
        -webkit-writing-mode: vertical-lr;
        writing-mode: vertical-lr;
    }
    legend {
        background: #fc0;
    }
    fieldset { background: #ddd; }
    p { margin-left: 50px; }
</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 on the right to account for the margin-bottom on the legend.</p>
    </fieldset>
</form>
</body>
</html>
