Files
servo/tests/wpt/css-tests/css21_dev/xhtml1print/bidi-unicode-bidi-003.xht

34 lines
1.4 KiB
HTML

<!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>
<style type="text/css">
@page { font: italic 8pt sans-serif; color: gray;
margin: 7%;
counter-increment: page;
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
@top-right { content: "Test bidi-unicode-bidi-003"; }
@bottom-right { content: counter(page); }
}
</style>
<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="flags" content=""/>
<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>