table-cell-002-ref.html (838B)
1 <!doctype html> 2 <html lang="en"> 3 <meta charset="utf-8"> 4 <title>CSS Writing Mode test reference</title> 5 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"> 6 <meta flags="ahem"> 7 8 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 9 <style> 10 div { 11 font: 50px / 50px ahem; 12 color: green; 13 14 max-height: 100px; 15 writing-mode: vertical-rl; 16 /* Doing this with a horizontal div and max-width ought to result in the same 100x100 green square, 17 but font rasterisation may (and in practice does) result in different aliasing artifacts. 18 Therefore I am using the same writing mode as the test, 19 to make sure we get identically sharp/fuzzy edges on the same sides. 20 */ 21 } 22 </style> 23 24 <p>There should be a <strong>green square</strong> and <strong>no red</strong>. 25 26 <div>xx xx</div> 27 28 </body> 29 </html>