text-orientation-021.html (920B)
1 <!DOCTYPE html> 2 <html lang=en> 3 <meta charset="utf-8"> 4 <title>CSS Writing-Modes test: text-orientation on text</title> 5 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"> 6 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#text-orientation"> 7 <link rel="help" href="https://drafts.csswg.org/css-lists-3/#marker-properties"> 8 <link rel=match href="reference/text-orientation-021-ref.html"> 9 <meta name="assert" content="text-orientation applies to text, and thus works even if there is no parent box with that same value"> 10 <style> 11 body > div { 12 border: solid 1px black; 13 padding: 10px; 14 margin: 10px; 15 float: left; 16 } 17 </style> 18 19 <p>Test passes if the two boxes below are identical. 20 21 <div style="writing-mode: vertical-rl; text-orientation: upright"> 22 AB 23 </div> 24 25 <div style="writing-mode: vertical-rl"> 26 <div style="display: contents; text-orientation: upright">AB</div> 27 </div>