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