| <!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> |
| <fieldset style="writing-mode:vertical-lr;"> |
| <div>Fieldset Contents</div> |
| |
| <div>More Fieldset Contents</div> |
| |
| </fieldset> |
| |
| <fieldset style="writing-mode:vertical-rl; "> |
| <div>Fieldset Contents</div> |
| |
| <div>More Fieldset Contents</div> |
| |
| </fieldset> |
| |
| |
| <fieldset style="writing-mode:horizontal-bt"> |
| <div>Fieldset Contents</div> |
| |
| <div>More Fieldset Contents</div> |
| |
| </fieldset> |
| </body> |
| </html> |
