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

visit type:

Tip revision: 2d5617d6fa633bdad0309f369ea1e96b259957d8 authored by Simon Pieters on 15 May 2018, 14:06:25 UTC
Add a warning and a link to issue

Tip revision: 2d5617d

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