<!DOCTYPE html>
<!-- Reference rendering for zwnj-01.html. This uses spans with
  display:inline-block to prevent the letters from connecting -->
<html>
 <head>
  <title>ZWNJ test</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <style type="text/css">
  body {   
    font-size: 36px;
  }
  span {
    display: inline-block;
  }
  </style>
 </head>
 <body lang="ar">
  <p><span>&#x647;&#x627;</span><span>&#x647;&#x641;&#x62A;&#x647;</span></p>
  <p><span>&#x647;&#x627;</span><span>&#x645;&#x648;&#x632;&#x647;</span></p>
  <p><span>&#x634;&#x646;&#x628;&#x647;</span><span>&#x633;&#x647;</span></p>
  <p><span>&#x622;&#x647;&#x646;</span><span>&#x631;&#x627;&#x647;</span></p>
  <p><span>&#x627;&#x641;&#x632;&#x627;&#x631;</span><span>&#x646;&#x631;&#x645;</span></p>
 </body>
</html>