JSFiddle - React, Tailwind, and code Playground

by Soviut

HTML

<ul>
  <li><div class="icon-gear"></div> This is a List Item</li>
  <li><div class="icon-gear"></div> This is a List Item</li>
  <li><div class="icon-gear"></div> This is a List Item</li>
  <li><div class="icon-gear"></div> This is a List Item</li>
</ul>

CSS

* {
  font-family: arial, helvetica, san-serif;
}

ul, li {
  list-style: none outside;
  padding: 0;
}

li {
  padding: 0.5em;
  
  border-bottom: solid 1px #CCC;
}

.icon-gear {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  
  vertical-align: text-bottom;
  background-position: center center;
  background-size: contain;
  background-image:...