title: Inserting HTML tag in the middle of Arabic word breaks word connection (cursive)
body: <p>From wikipedia:</p>
  
  <blockquote>
    <p>Cursive (from Latin curro, currere, cucurri, cursum, to run, hasten) is any style of handwriting that is designed for writing notes and letters quickly by hand. In the Arabic, Latin, and Cyrillic writing systems, the letters in a word are connected, making a word one single complex stroke.</p>
  </blockquote>
  
  <p>In the above languages when we want to format one single word with e.g. <code>&lt;span&gt;</code> tag to apply custom css style it breaks word conection, so is there any solution for this.</p>
  
  <p>example this is for example normal arabic word:<h1> كتب </h1>
  but when we want to color last letter in other color using the span tag get this:
  <img src="https://i.stack.imgur.com/8YbsV.jpg" alt="enter image description here"> </p>
  
  <p>because first two letter are in one  tag and last is in other to color it.</p>
  
  <p>Is there something I can do to avoid word breaks.</p>
  
  <p><strong>Here is the full html:</strong></p>
  
  <pre><code>&lt;p&gt;كت&lt;span style="color: Red;"&gt;ب&lt;/span&gt;&lt;/p&gt;
  </code></pre>