summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/CSS2/visuren/bidi-unicode-bidi-003.xht
blob: 3d958aca640e94c46e7923a6992ea6ec430dd11c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!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: unicode-bidi: embed - nested ltr and rtl</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#propdef-unicode-bidi"/>
    <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/>
    <meta name="assert" content="unicode-bidi: embed should open a new bidi embedding level for inline-level element"/>
    <style type="text/css"><![CDATA[
      .firstembed {direction: ltr; unicode-bidi: embed}
      .secondembed {direction: rtl; unicode-bidi: embed; font-weight: bold;}
    ]]></style>
  </head>

  <body>

    <p>You should see a longer arabic word to the left, and a shorter one to the right:</p>

    <div class="firstembed">
      <span class="secondembed">من and أمريكا</span>
    </div>

  </body>
</html>