Content - 8c98e34a81a79c42b9fec03fe70502ce7e49a628 - e6688d7/css/css-writing-modes/inline-replaced-vlr-005.xht

visit type:

Tip revision: e82634d432be4f514543198ccbeedcdca41fa4e5 authored by Luke Bjerring on 18 April 2018, 22:18:14 UTC
Cleanup several idlharness tests

Tip revision: e82634d

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>

Browse the archive

https://github.com/web-platform-tests/wpt