title: How to change text and background color?
body: <p>I want every character to be a different color.</p>
  
  <p>for example,</p>
  
  <pre><code>cout &lt;&lt; "Hello world" &lt;&lt; endl;
  </code></pre>
  
  <ul>
  <li><strong>H</strong> would be red</li>
  <li><strong>e</strong> would be blue</li>
  <li><strong>l</strong> would be orange
  and so on.</li>
  </ul>
  
  <p>I know this can be done, I just don't know the code for it.</p>
  
  <p>and I want to change the background color to white. How would I do that? </p>