1<!DOCTYPE HTML>
2<html><head>
3<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
4<style>
5 .plaintext {
6 unicode-bidi: -webkit-plaintext;
7 unicode-bidi: plaintext;
8 }
9 .border {
10 border: solid thin gray;
11 width: 20px;
12 }
13</style>
14<script>
15function runTest() {
16 var span1 = document.getElementById("replacement1");
17 span1.innerText = "א";
18 var span2 = document.getElementById("replacement2");
19 span2.innerText = "a";
20}
21</script>
22</head><body >
23 <table>
24 <tr>
25 <td class="border"><span class="plaintext">1... .... ....<span id="replacement1">a</span></span></td>
26 <td>should look the same as</td>
27 <td class="border"><span dir="rtl">1... .... ....<span>א</span></span></td>
28 </tr>
29 <tr>
30 <td class="border"><span class="plaintext">2... .... ....<span id="replacement2">א</span></span></td>
31 <td>should look the same as</td>
32 <td class="border"><span dir="ltr">2... .... ....<span>a</span></span></td>
33 </tr>
34 </table>
35</body></html>