| <!DOCTYPE html> |
| <title>Reference for fieldset vertical</title> |
| <link rel=stylesheet href=resources/fieldset-vertical.css> |
| <p>vertical-lr |
| <div style="writing-mode: vertical-lr"> |
| <div class=fieldset><div class="legend top">foo bar</div>normal</div> |
| <div class="fieldset rtl"><div class="legend bottom">foo bar</div>dir=rtl</div> |
| <div class="fieldset rtl"><div class="legend top">foo bar</div>dir=rtl align=left</div> |
| <div class="fieldset rtl"><div class="legend center">foo bar</div>dir=rtl align=center</div> |
| <div class="fieldset rtl"><div class="legend bottom">foo bar</div>dir=rtl align=right</div> |
| <div class=fieldset><div class="legend top">foo bar</div>align=left</div> |
| <div class=fieldset><div class="legend center">foo bar</div>align=center</div> |
| <div class=fieldset><div class="legend bottom">foo bar</div>align=right</div> |
| </div> |
| <hr> |
| <p>vertical-rl |
| <div style="writing-mode: vertical-rl"> |
| <div class=fieldset><div class="legend top">foo bar</div>normal</div> |
| <div class="fieldset rtl"><div class="legend bottom">foo bar</div>dir=rtl</div> |
| <div class="fieldset rtl"><div class="legend top">foo bar</div>dir=rtl align=left</div> |
| <div class="fieldset rtl"><div class="legend center">foo bar</div>dir=rtl align=center</div> |
| <div class="fieldset rtl"><div class="legend bottom">foo bar</div>dir=rtl align=right</div> |
| <div class=fieldset><div class="legend top">foo bar</div>align=left</div> |
| <div class=fieldset><div class="legend center">foo bar</div>align=center</div> |
| <div class=fieldset><div class="legend bottom">foo bar</div>align=right</div></div> |