title: How to create spoiler text?
body: <p>Hello I was wondering how to make spoiler text on a website with html/css.  What I was is, text that is black with black background, but when hovered over, makes the black text turn white, making it visible. </p>
  
  <p>like this</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;span style="color: black; background: black;"&gt;test&lt;/span&gt;
  
  &lt;p&gt;Then when hovered over&lt;/p&gt;
  
  &lt;span style="color: white; background: black;"&gt;test&lt;/span&gt;</code></pre>
  </div>
  </div>
  </p>