35 lines
1.2 KiB
HTML
35 lines
1.2 KiB
HTML
<!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 { overflow:auto; position:relative; margin:0; vertical-align:bottom; -webkit-logical-width:320px; display:inline-block; border:12px solid navy; padding:28px }
|
|
legend { padding:0; -webkit-logical-height:64px; -webkit-logical-width: 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>
|