Skip to main content

Browse the archive

https://github.com/web-platform-tests/wpt
26 December 2018, 22:31:15 UTC
Raw File
Tip revision: 0c93c0877c816f3b565eaaab7987e9c131475c1c authored by James Graham on 12 April 2018, 12:48:29 UTC
Use version-specific prefs files when running Firefox
Tip revision: 0c93c08
inline-replaced-vlr-005.xht 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <title>CSS Writing Modes Test: inline replaced element and 'vertical-lr' (advanced)</title>

  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
  <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#replaced-baselines" title="4.3 Atomic Inline Baselines" />
  <link rel="match" href="inline-replaced-vrl-004-ref.xht" />

  <meta content="ahem image" name="flags" />
  <meta content="This test checks that, while the content of inline replaced elements do not rotate in vertical writing mode, they are nevertheless laid out from top to bottom (inline base direction) in a line box and their baseline-alignment is central (not alphabetic) and then the following lines boxes (line box direction within a block container) are ordered from left to right." name="assert" />

  <style type="text/css"><![CDATA[
  div
    {
      font: 100px/1 Ahem; /* computes to 100px/100px */
      height: 2em;
      writing-mode: vertical-lr;
    }
  ]]></style>
 </head>

 <body>

  <p>Test passes if there is an unbroken drawing of a yin-yang (&#x262F;) symbol.</p>

  <div id="wrapper">
    <img src="support/test-tl.png" alt="Image download support must be enabled" /><img src="support/test-bl.png" alt="Image download support must be enabled" /><img src="support/test-tr.png" alt="Image download support must be enabled" /><img src="support/test-br.png" alt="Image download support must be enabled" />
  </div>

 </body>
</html>
back to top