wpt / css / CSS2 / generated-content / bidi-generated-content-002.xht

Status: PASS | Duration: 7ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

/css/CSS2/generated-content/bidi-generated-content-002.xht

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>CSS Test: content: with character forced bidi - lro</title>
    <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/>
    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
    <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#content"/>
    <link rel="match" href="bidi-generated-content-002-ref.html" />
    <meta name="assert" content="A left-to-right override should be correctly applied when inserted through the content property"/>
    <style type="text/css"><![CDATA[
      .force:before {
      content: "\202D"
      }
    ]]></style>
  </head>

  <body>
    <p>The two lines below should be identical:</p>
    <p>ab c d</p>
    <p>&#x202E;d c <span class="force">ab</span>&#x202C;</p>

  </body>
</html>

/css/CSS2/generated-content/bidi-generated-content-002-ref.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<body>
    <p>The two lines below should be identical:</p>
    <p>ab c d</p>
    <p>ab c d</p>
</body>