writing-mode-vertical-rl-003-ref.htm (1139B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Reftest Reference</title> 5 <link rel="author" title="KISAKA Toshihiro" href="mailto:toshihiro@kisaka.jp"> 6 <meta name="flags" content="ahem"> 7 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 8 <style type="text/css"> 9 div { 10 writing-mode: vertical-rl; 11 } 12 13 div p { 14 background: yellow; 15 color: blue; 16 font: 20px/1 Ahem; 17 height: 6em; 18 margin: 10px; 19 white-space: pre; 20 width: 6em; 21 } 22 23 div p:nth-child(2) { 24 background: pink; 25 } 26 </style> 27 </head> 28 <body> 29 <p>Upper three blocks are identical to the lower three blocks including each character positions.</p> 30 31 <div> 32 <p>ab cd 33 e fg h 34 i jkl 35 mn 36 o q rs 37 t uv</p> 38 <p> h s 39 d l r 40 cgk v 41 fj qu 42 b n 43 aeimot</p> 44 <p>ab cd 45 e fg h 46 i jkl 47 mn 48 o q rs 49 t uv</p> 50 </div> 51 52 <div> 53 <p>ab cd 54 e fg h 55 i jkl 56 mn 57 o q rs 58 t uv</p> 59 <p> h s 60 d l r 61 cgk v 62 fj qu 63 b n 64 aeimot</p> 65 <p>ab cd 66 e fg h 67 i jkl 68 mn 69 o q rs 70 t uv</p> 71 </div> 72 </body> 73 </html>