JSFiddle - React, Tailwind, and code Playground

by Kawaljit Singh

HTML

<div class="box">
   <div class="wrapper">
     <div class="divla">
        <h2 style="text-align:center; margin-top: 3px">hello</h2> 
     </div>
   </div>
   <div class="wrapper">
     <div class="divla">
        <h2 style="text-align:center; margin-top: 3px">hello</h2> 
     </div>
   </div>
   <div class="wrapper">
     <div class="divla">
        <h2 style="text-align:center; margin-top: 3px">hello</h2> 
    </div>
   </div>
</div>

CSS

.box {
  display: flex;
  align-content: space-between;
}
.wrapper {
  margin: 20px;
  background: beige;
  border-radius: 15px;
}
.divla{
  margin: 15px;
}