JSFiddle - React, Tailwind, and code Playground

by agib

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<div class="wrapper">
  <div class="box">
    <i class="fa fa-trash-o" aria-hidden="true"></i>
  </div>
</div>
<div class="wrapper">
  <div class="box">
    <i class="fa fa-files-o" aria-hidden="true"></i>
  </div>
</div>
<div class="wrapper">
  <div class="box">
    <i class="fa fa-cogs" aria-hidden="true"></i>
  </div>
</div>
<div class="wrapper">
  <div class="box">
    <i class="fa fa-wrench fa-rotate-270" aria-hidden="true"></i>
  </div>
</div>
<div class="wrapper">
  <div class="box">
    <i class="fa fa-television" aria-hidden="true"></i>
  </div>
</div>
<div class="wrapper">
  <div class="box">
    <i class="fa fa-pencil" aria-hidden="true"></i>
  </div>
</div>
<div class="wrapper">
  <div class="box">
    <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
  </div>
</div>
<div class="wrapper">
  <div class="box">
    <i class="fa fa-sign-in" aria-hidden="true"></i>
  </div>
</div>
<div class="wrapper">
  <div class="box">
    <i class="fa fa-sign-out" aria-hidden="true"></i>
  </div>
</div>
<div class="wrapper">
  <div class="box">
    <i class="fa fa-undo" aria-hidden="true"></i>
  </div>
</div>
<div class="wrapper">
  <div class="box">
    <i class="fa fa-plus" aria-hidden="true"></i>
  </div>
</div>
<div class="wrapper">
  <div class="box">
    <i class="fa fa-minus" aria-hidden="true"></i>
  </div>
</div>
<div class="wrapper">
  <div class="box">
    <i class="fa fa-user" aria-hidden="true"></i>
  </div>
</div>
<div class="wrapper">
  <div class="box">
    <i class="fa fa-chevron-left" aria-hidden="true"></i>
  </div>
</div>
<div class="wrapper">
  <div class="box">
    <i class="fa fa-chevron-right" aria-hidden="true"></i>
  </div>
</div>
<div class="wrapper">
  <div class="box">
    <i class="fa fa-sticky-note-o" aria-hidden="true"></i>
  </div>
</div>
<div class="wrapper">
  <div class="box">
    <i class="fa fa-play"...

CSS

.wrapper {
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.box {
  display: table-cell;
  width: 24px;
  height: 24px;
  outline: 1px solid #aaa;
  /*color: #6D6D6D;*/
  color: #0089bc;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
}
body {
  background-color: #E8E8E9;
  /*background-color: white;*/
}