2011-04-11 11:59:29 +04:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<title>Bidirectional Text Test 2 - HTML</title>
|
|
|
|
|
<style>
|
2015-12-22 23:39:25 +03:00
|
|
|
body { font-size: 300%; }
|
|
|
|
|
p { font-family: monospace; text-align: left; margin: 0; }
|
2011-04-11 11:59:29 +04:00
|
|
|
.rtl { direction: rtl; }
|
|
|
|
|
.ltr { direction: ltr; }
|
|
|
|
|
.rle { direction: rtl; unicode-bidi: embed; }
|
|
|
|
|
.lre { direction: ltr; unicode-bidi: embed; }
|
|
|
|
|
.rlo { direction: rtl; unicode-bidi: bidi-override;}
|
|
|
|
|
.lro { direction: ltr; unicode-bidi: bidi-override; }
|
|
|
|
|
.embed { unicode-bidi: embed; }
|
|
|
|
|
.override { unicode-bidi: bidi-override; }
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
2016-10-13 21:41:51 +03:00
|
|
|
<!-- Testcases based on https://dbaron.org/css/test/bidi2_html by L. David Baron. -->
|
2011-04-11 11:59:29 +04:00
|
|
|
<body>
|
|
|
|
|
<p>The following lines should all read "ABCDEFGHI":</p>
|
|
|
|
|
<p>ABCDEFGHI</p>
|
|
|
|
|
<p class="rtl">ABCDEFGHI</p>
|
|
|
|
|
<p class="rtl">ABC<span>DEF</span>GHI</p>
|
|
|
|
|
<p class="rlo">IHGFEDCBA</p>
|
|
|
|
|
<p class="rlo">IHG<span>FED</span>CBA</p>
|
|
|
|
|
<p class="rlo">IHG<span dir="rtl">DEF</span>CBA</p>
|
|
|
|
|
<p class="rlo">IHG<bdo dir="rtl">FED</bdo>CBA</p>
|
|
|
|
|
<p class="rlo">IHG<span style="unicode-bidi: inherit">FED</span>CBA</p>
|
|
|
|
|
<p class="rlo">IHG<bdo dir="ltr">DEF</bdo>CBA</p>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
