4 <meta charset=
"utf-8"/>
5 <title>writing mode:vertical-lr, select, selected item
</title>
6 <link rel=
"author" title=
"Richard Ishida" href=
"mailto:ishida@w3.org"/>
7 <link rel=
"help" href=
"https://drafts.csswg.org/css-writing-modes-3/#block-flow"/>
8 <meta name=
"flags" content=
"should"/>
9 <meta name=
"assert" content=
"writing-mode:vertical-lr will display a select box vertically, and the selected item will be displayed vertically."/>
10 <style type=
"text/css">
12 font-family: 'webfont';
13 src: url
('/fonts/noto/NotoSansMongolian-regular.woff2') format
('woff2');
17 select
{ font-family: webfont
; font-size: 24px; }
18 .test { text-align: center
; vertical-align: middle
; width: 100%; }
20 <!-- this is the test -->
21 <style type=
"text/css">
22 .test { writing-mode: vertical-lr
; }
26 <p class=
"instructions">Test passes if the displayed selection area is vertical and the text inside it has default vertical settings.
</p>
29 <option value=
"1">ᠮᠤᠩᠭᠤᠯ item
1 ᠤᠯᠤᠰ
</option>
30 <option value=
"2">ᠮᠤᠩᠭᠤᠯ item
2 ᠤᠯᠤᠰ
</option>
31 <option value=
"3">ᠮᠤᠩᠭᠤᠯ item
3 ᠤᠯᠤᠰ
</option>