blob: a615244fcc4a11d8f148c42e01cc6a268484c033 [file] [log] [blame]
<!doctype html>
<html>
<head>
<style>
.fieldset > div { border:2px solid skyblue; background-color:#cccccc; -webkit-margin-before:6px; -webkit-margin-after:6px }
.fieldset { margin:0; vertical-align:bottom; -webkit-logical-width:320px; -webkit-logical-height:80px; display:inline-flex; justify-content: center; align-items: stretch; background-color:#dddddd; border:12px solid navy; padding:28px }
</style>
</head>
<body>
<div class=fieldset style="writing-mode:vertical-lr;">
<div>Fieldset Contents</div>
<div>More Fieldset Contents</div>
</div>
<div class=fieldset style="writing-mode:vertical-rl; ">
<div>Fieldset Contents</div>
<div>More Fieldset Contents</div>
</div>
<div class=fieldset style="writing-mode:horizontal-bt">
<div>Fieldset Contents</div>
<div>More Fieldset Contents</div>
</div>
</body>
</html>