blob: 81e4eda71631210c50b76863cd5b4e7a1971f02d [file] [log] [blame]
<!doctype html>
<html>
<head>
<style>
fieldset div:not(.positioned) { border:2px solid skyblue; background-color:#cccccc; margin-block-start:6px; margin-block-end:6px }
fieldset { overflow:auto; position:relative; margin:0; vertical-align:bottom; inline-size:320px; display:inline-block; border:12px solid navy; padding:28px }
legend { padding:0; block-size:64px; inline-size: 284px; background-color:#3080f0; border:8px solid lightblue; font-size:48px }
.positioned { height:0 }
</style>
</head>
<body>
<fieldset>
<legend>Legend Title</legend>
<div class=positioned>
<div>Fieldset Contents</div>
<div>More Fieldset Contents</div>
<div>More Fieldset Contents</div>
<div>More Fieldset Contents</div>
<div>More Fieldset Contents</div>
<div>More Fieldset Contents</div>
<div>More Fieldset Contents</div>
</div>
</fieldset>
</body>
</html>