<!DOCTYPE html>
<html><head>
<title>Test cases for unicode-bidi:isolate</title>
<style>
  .isolate {
    unicode-bidi: -webkit-isolate;
    unicode-bidi: -moz-isolate;
    unicode-bidi: isolate;
  }
</style>
</head><body>
No red text should be visible in any of the sections below.
opposite-to-base isolate followed by number.
<div>
  <div class="test">
    <span class="isolate">&#x05D0;</span> (3 reviews)
  </div>
</div>
<hr>
opposite-to-base isolate with opposite-to-base text before it with neutrals in between.
<div>
  <div class="test">
    &#x05D0;: <span class="isolate">&#x05D1;</span>
  </div>
</div>
<hr>
opposite-to-base isolate with opposite-to-base text before it and nothing in between.
<div>
  <div class="test">
    &#x05D0;<span class="isolate">&#x05D1;</span>
  </div>
</div>
<hr>
two opposite-to-base isolates with neutrals in between.
<div>
  <div class="test">
    <span class="isolate">&#x05D0;</span> = <span class="isolate">&#x05D1;</span>
  </div>
</div>
<hr>
two opposite-to-base isolates with nothing in between.
<div>
  <div class="test">
    <span class="isolate">&#x05D0;</span><span class="isolate">&#x05D1;</span>
  </div>
</div>
<hr>
same-as-base isolate preceded by opposite-to-base text and followed by number
<div dir="rtl">
  <div class="test">
    see <span class="isolate">&#x05D0;</span><sup>3</sup>
  </div>
</div>
<hr>
same-as-base isolate surrounded by opposite-to-base text
<div dir="rtl">
  <div class="test">
    with <span class="isolate">&#x05D0;</span>=<span class="isolate">&#x05D1;</span> everywhere
  </div>
</div>
<hr>
chimeric isolate surrounded by chimeric text
<div>
  <div class="test">
    about <span class="isolate">that &#x05D0;</span> - &#x05D1;
  </div>
</div>
<hr>
nested chimeric isolates surrounded by chimeric text
<div>
  <div class="test">
    about <span class="isolate">that <span class="isolate">strange &#x05D0;</span> - &#x05D1;</span> - &#x05D2;
  </div>
</div>
</body></html>
