title: what is the difference between "embed" and "isolate" values in "unicode-bidi" css property?
body: <p>Please see examples. There I wrote code for these two values which give the same result.</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
   &lt;head&gt;
    &lt;meta charset=&quot;utf-8&quot;&gt;
    &lt;title&gt;hayti&lt;/title&gt;
    &lt;style&gt;
     p
      {
         direction: ltr;
      }
     span
      {
         background-color: yellow;
         direction: rtl;
         unicode-bidi: embed;
      }
      
     .p01
      {
         direction: ltr;
      }
     .span01
      {
         background-color: yellow;
         direction: rtl;
         unicode-bidi: isolate;
      }
    &lt;/style&gt;
   &lt;/head&gt;
   &lt;body&gt;
      &lt;h1&gt;Two samples &lt;/h1&gt;
      &lt;p&gt; Programming in &lt;span&gt;Html and CSs!!&lt;/span&gt; is the easiest way to learn coding. &lt;/p&gt;
      &lt;p class=&quot;p01&quot;&gt; Programming in &lt;span class=&quot;span01&quot;&gt;Html and CSs!!&lt;/span&gt; is the easiest 
      way to learn coding. &lt;/p&gt;
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>Result is`</p>
  <p><em>---embed----</em> Programming in <strong>!!Html and CSs</strong> is the easiest way to learn coding.</p>
  <p><em>----isolate----</em> Programming in <strong>!!Html and CSs</strong> is the easiest way to learn coding.</p>