title: Alternate color dot over the letter i
body: <p>I've been challenged with this rather silly idea. </p>
  
  <p>So can I replace all "i" occurrences with <code>Blabla[span class=superI]i[/span]rest</code> : )  </p>
  
  <p>My idea is adding an extra (red) i "behind" the real i, and clipping the top off the real i.  </p>
  
  <p>Is this even possible ?</p>