JSFiddle - React, Tailwind, and code Playground

by nachiket

HTML

<span class="text-wrap s1 num1"></span>
<span class="text-wrap s1 num2"></span>
<span class="text-wrap s1 num3"></span>
<span class="text-wrap s1 num4"></span>
<span class="text-wrap s1 num5"></span>
<span class="text-wrap s1 num6"></span>
<span class="text-wrap s1 num7"></span>
<span class="text-wrap s1 num8"></span>
<span class="text-wrap s1 num9"></span>
<span class="text-wrap s1 num10"></span>
<span class="text-wrap s1 num11"></span>
<span class="text-wrap s1 num12"></span>
<span class="text-wrap s1 num13"></span>
<span class="text-wrap s1 num14"></span>

CSS

.text-wrap.edit {
    background-color: #ccc;
    border: 1px solid #2577ff;
}

span.text-wrap {   
   width: 165px;
   float: left;
   height: 12px; /* set to same value as line-height */
   clear: both;
   background-color: #EEE;
   margin: 3px 0px;
}
span.text-wrap.right {
   float: right;
}