JSFiddle - React, Tailwind, and code Playground

by Abdull

HTML

<div class="left">left1</div>
<div class="left">left2</div>
<div class="left">left3</div>
<div class="left">left4</div>
<div class="leftmore">leftmore1</div>
<div class="leftless">leftless1</div>
<div class="left">left6</div>
<div class="left">left7</div>
<div class="left">left8</div>
<div class="left">left9</div>
<div class="left">left10</div>

CSS

.left {
width: 20%;
float: left;
color: red;
}
.leftless {
width: 19%;
float: left; 
}
.leftmore {
width: 21%;
float: left;
}