Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /html/rendering/non-replaced-elements/the-fieldset-and-legend-elements/fieldset-vertical.html - WPT Dashboard Interop Dashboard
<!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>