blob: 0577cc0e95106abf4ad400395e004111dd4c95ae [file] [log] [blame]
<!doctype html>
<html>
<head>
<style>
fieldset > div:not(.positioned) { border:2px solid skyblue; background-color:#cccccc; -webkit-margin-before:6px; -webkit-margin-after:6px; }
fieldset { position:relative; margin:0; vertical-align:bottom; -webkit-logical-width:320px; display:inline-block; border:12px solid navy; padding:28px; border-top:12px solid transparent }
legend { padding:0; -webkit-logical-height:64px; -webkit-logical-width: 284px; background-color:#3080f080; border:8px solid lightblue; font-size:48px; transform:translateX(10px); }
</style>
</head>
<body>
<fieldset>
<legend>Legend Title</legend>
<div>Fieldset Contents</div>
<div>More Fieldset Contents</div>
</fieldset>
</body>
</html>