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: bidi-override on inline - nested</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#direction">
7 <meta name="flags" content="">
8 <meta name="assert" content="Nested bidi-override should be applied to inlines with no interruptions to surrounding text">
9 <style type="text/css">
10 .rtol {
11 direction: rtl;
12 unicode-bidi: bidi-override;
13 }
14 .ltor {
15 direction: ltr;
16 unicode-bidi: bidi-override;
17 }
18 </style>
19 </head>
20
21 <body>
22 <p>The two lines below should be identical:</p>
23 <p>Readable</p>
24 <p><span class="rtol">ba<span class="ltor">ad</span>eR</span>le</p>
25 </body>
26 </html>