JSFiddle - React, Tailwind, and code Playground

by sourcecodezone

HTML

<div calss="row">
    <div class="col" >Div</div>
    <div class="col" >Div</div>
    <div class="col" >Div</div>
    <div class="col" >Div</div>
</div>  
<div calss="row">
    <div class="col" >Div</div>
    <div class="col" >Div</div>
    <div class="col" >Div</div>
    <div class="col" >Div</div>
</div>

CSS

.row{
  text-align:center;
}

.col {
  display: inline-block;
  text-align: center;/*Optional*/
  line-height: 100px;/*Optional*/
  width:100px;/*Optional*/
  height: 100px;/*Optional*/
  margin:5px;/*Optional*/
  background-color: green; /*Optional*/
}