JSFiddle - React, Tailwind, and code Playground
by Nikola Mihin
HTML
<!-- Add the following link to the <head> of your HTML.
For development purposes only. Do not use in Production. -->
<link rel="stylesheet" href="https://i.icomoon.io/public/b9475f491e/cp/style.css">
<div class="fs1">
<div>
<span class="icon-delivery">
</span>
<span class="mls"> icon-delivery</span>
</div>
<div>
<span class="icon-tools">
</span>
<span class="mls"> icon-tools</span>
</div>
<div>
<span class="icon-usa">
</span>
<span class="mls"> icon-usa</span>
</div>
<div>
<span class="icon-users">
</span>
<span class="mls"> icon-users</span>
</div>
<div>
<span class="icon-warranty">
</span>
<span class="mls"> icon-warranty</span>
</div>
<div>
<span class="icon-arrow-next">
</span>
<span class="mls"> icon-arrow-next</span>
</div>
<div>
<span class="icon-acetylated-wood">
<span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></span>
<span class="mls"> icon-acetylated-wood</span>
</div>
<div>
<span class="icon-adjustable">
<span class="path1"></span><span class="path2"></span><span class="path3"></span></span>
<span class="mls"> icon-adjustable</span>
</div>
<div>
<span class="icon-built-in-labeling">
<span class="path1"></span><span class="path2"></span><span class="path3"></span></span>
<span class="mls"> icon-built-in-labeling</span>
</div>
<div>
<span class="icon-child-proof">
<span class="path1"></span><span class="path2"></span></span>
<span class="mls"> icon-child-proof</span>
</div>
<div>
<span class="icon-collapsible">
<span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span></span>
<span class="mls"> icon-collapsible</span>
</div>
<div>
<span class="icon-connects-to-roomscapes">
<span class="path1"></span><span...
CSS
body {
font-family: sans-serif;
font-size: 1em;
line-height: 1.5;
color: #333;
}
.mls {
margin-left: .25em;
}
.fs1 {
font-size: 32px;
}