1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <title>CSS Test: unicode-bidi: embed - nested ltr and rtl</title>
5 <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com">
6 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi">
7 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction">
8 <meta name="flags" content="">
9 <meta name="assert" content="unicode-bidi: embed should open a new bidi embedding level for inline-level element">
10 <style type="text/css">
11 .firstembed {direction: ltr; unicode-bidi: embed}
12 .secondembed {direction: rtl; unicode-bidi: embed; font-weight: bold;}
13 </style>
14 </head>
15
16 <body>
17
18 <p>You should see a longer arabic word to the left, and a shorter one to the right:</p>
19
20 <div class="firstembed">
21 <span class="secondembed">من and أمريكا</span>
22 </div>
23
24 </body>
25 </html>