replaced-content-image-003.xht (991B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 5 <head> 6 7 <title>CSS Writing Modes Test: alternate text of image and vertical writing mode</title> 8 9 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> 10 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#block-flow" title="3.1 Block Flow Direction: the writing-mode property" /> 11 12 <meta content="should" name="flags" /> 13 <meta content="This test checks that alternate text (latin) of image rotates 90° clockwise in vertical writing mode." name="assert" /> 14 15 <style type="text/css"><![CDATA[ 16 div 17 { 18 font-size: 2em; 19 writing-mode: vertical-lr; 20 } 21 ]]></style> 22 </head> 23 24 <body> 25 26 <p>Test passes if the words "Text sample" are <strong>rotated 90° clockwise</strong>.</p> 27 28 <div><img src="#" alt="Text sample" /></div> 29 30 </body> 31 </html>