title: Alternate text color inside a html tag
body: <p>For some reason the editor is very limited and I can't color my text</p>
  
  <p>What I want to achieve on text inside a HTML tag:
  <code>Black White Black White</code></p>
  
  <p>How the HTML look:</p>
  
  <pre><code>&lt;h3 class="widget-title"&gt;Black White Black White&lt;/h3&gt;
  </code></pre>
  
  <p>I know it is possible to fix this by adding span tags:</p>
  
  <pre><code>&lt;h3 class="widget-title"&gt;Black &lt;span style="color:FFF;"&gt;White&lt;/span&gt; Black &lt;span style="color:FFF;"&gt;White&lt;/span&gt;&lt;/h3&gt;
  </code></pre>
  
  <p>Are there any easier work-around on this? Is this supported in CSS3 somehow or do I have to code this in JQuery to achieve it?</p>
  
  <hr>
  
  <p>Thanks for the answer guys. Perhaps, I wasn't clear on my question... What I want was make the even word to change color. Here is a modified snippet from undefined.</p>
  
  <pre><code>var txt = $('.widget-title').text().split(' ');
  var str = "";
  $.each(txt, function(i,v){
      if ( (i&amp;1) == 1 ) {
          str += " &lt;span style='color:red'&gt;" + v + "&lt;/span&gt; ";
      } else {
          str += " " + v;
      }
  })
  
  $('.widget-title').html(str) 
  </code></pre>