JSFiddle - React, Tailwind, and code Playground

by Mahendra Maurya

HTML

<div class="container center">
<div class="box"></div>
</div>

CSS

.box{
  width:30px; 
  height:30px;
  border:1px solid coral;
  background:lightgreen;
};
.container{
  display:flex;
  align-item:center; 
  placed-item:centre;
  
}