JSFiddle - React, Tailwind, and code Playground

by Bradley Hodges

HTML

<script src="&lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css&quot;&gt;"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
<p>Example using original code</p>
<section> this is normal text</section>
<section> this is a &#10004; in the text</section>
<section> this is a <span id="check">&#10004;</span> in a span</section>
<p>Example using Font Awesome</p>
<section> this is normal text</section>
<section> this is a <i class="fa fa-check" aria-hidden="true"></i> in the text</section>
<section> this is a <i class="fa fa-check" aria-hidden="true"></i> in a span</section>

CSS

section {background:#000; color:#fff;}
#check{color:#fff!important}