1111944-1-list-marker.html (1525B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 body { 7 font-family: Arial, sans-serif; 8 font-size: 16px; 9 line-height: 24px; 10 } 11 div { 12 display: inline-block; 13 vertical-align: top; 14 width: 380px; 15 height: 180px; 16 border: 1px solid blue; 17 margin: 5px; 18 } 19 ol { 20 margin: 0 12px; 21 padding: 40px 0 0 0; 22 } 23 li { margin:0; padding:0 } 24 </style> 25 </head> 26 <body> 27 Test for list item markers in vertical mode: 28 <br> 29 <div style="writing-mode:vertical-lr;text-orientation:sideways-right"> 30 Mode vertical-lr, style lower-roman: 31 <ol style="list-style-type:lower-roman"> 32 <li>one<li>two<li>three<li>four<li>five<li>six<li>seven<li>eight<li>nine<li>ten<li>eleven<li>twelve 33 </ol> 34 </div> 35 <div style="writing-mode:vertical-rl;text-orientation:sideways-right"> 36 Mode vertical-rl, style hebrew: 37 <ol style="list-style-type:hebrew"> 38 <li>one<li>two<li>three<li>four<li>five<li>six<li>seven<li>eight<li>nine<li>ten<li>eleven<li>twelve 39 </ol> 40 </div> 41 <br> 42 <div style="writing-mode:vertical-lr"> 43 Mode vertical-lr, style trad-chinese-formal: 44 <ol style="list-style-type:trad-chinese-formal;padding-top:5em"> 45 <li>one<li>two<li>three<li>four<li>five<li>six<li>seven<li>eight<li>nine<li>ten<li>eleven<li>twelve 46 </ol> 47 </div> 48 <div style="writing-mode:vertical-rl"> 49 Mode vertical-rl, style japanese-informal: 50 <ol style="list-style-type:japanese-informal;padding-top:5em"> 51 <li>one<li>two<li>three<li>four<li>five<li>six<li>seven<li>eight<li>nine<li>ten<li>eleven<li>twelve 52 </ol> 53 </div> 54 </body> 55 </html>