<!DOCTYPE HTML>
<html><head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style>
  .rtl {
    direction: rtl;
  }
  .plaintext {
    unicode-bidi: -webkit-plaintext;
    unicode-bidi: plaintext;
  }
  .border {
    border: solid thin gray;
  }
</style>
</head><body>
  <table>
    <tr>
      <td class="border">1 <span class="plaintext rtl">&#x05D0;!</span> 2</td>
      <td>should look the same as</td>
      <td class="border">1 <span dir="rtl">&#x05D0;!</span>&lrm; 2</td>
    </tr>
    <tr>
      <td class="border">1 <span class="plaintext rtl">a!<br/>&#x05D0;!</span> 2</td>
      <td>should look the same as</td>
      <td class="border">1 a!<br><span dir="rtl">&#x05D0;!</span>&lrm; 2</td>
    </tr>
  </table>
</body></html>