title: How to add color to GitHub's README.md file
body: <p>I have a <code>README.md</code> file for my project <a href="http://github.com/ddopson/underscore-cli" rel="noreferrer">underscore-cli</a>, and I want to document the <code>--color</code> flag.</p>
  <p>Currently, the <em>only</em> way to do this is with a screenshot (which can be stored in the project repository):</p>
  <p><a href="https://raw.github.com/ddopson/underscore-cli/master/doc/example.png" rel="noreferrer"><img src="https://raw.github.com/ddopson/underscore-cli/master/doc/example.png" alt="example.png" /></a></p>
  <p>But screenshots aren't text, preventing readers from copy/pasting the command in the screenshot. They're also a pain to create / edit / maintain, and are slower for browsers to load. The modern web uses text styles, not a bunch of rendered images of text.</p>
  <p>While some Markdown parsers support inline HTML styling, GitHub doesn't; this doesn't work:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;span style=&quot;color: green&quot;&gt; Some green text &lt;/span&gt;
  </code></pre>
  <p>This doesn't work:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;font color=&quot;green&quot;&gt; Some green text &lt;/font&gt;
  </code></pre>