html/rendering/non-replaced-elements/the-fieldset-and-legend-elements/fieldset-vertical-ref.html

<!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>