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