<style>
  div {
    font-size:36pt;
    width:100px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    direction:rtl;
  }
</style>
 <script>
  if (window.testRunner)
    testRunner.dumpAsText(true);
</script>

<p>The text and ellipsis should not overlap.</p>
<div>&#1607;&#1584;&#1575; &#1607;&#1608; &#1575;&#1604;&#1575;&#1582;&#1578;&#1576;&#1575;&#1585;</div>