">green</span> four</li>
    <li><span style="background-color: #2ea8e580">blue</span> five</li>
    <li><span style="background-color: #a28ae580">purple</span> six</li>
    <li><span style="background-color: #e56eee80">pink</span> seven</li>
    <li><span style="background-color: #aaaaaa80">gray</span> eight</li>
  </ol>
  <pre class="math">$$x^2 = 5$$</pre>
  <p>inline math <span class="math">$p_{i}^{g}$</span> goes here</p>
</div>
