JSFiddle - React, Tailwind, and code Playground

by Santosh Thakur

HTML

<div class="container">
<div class="box">
  Santosh
</div>
  <!-- 
  <div>1</div>
  <div>
  2
  <br>
  2.1
  </div>
  <div>3</div> -->
  
</div>

CSS

.container{
  display:flex;
  height:400px;
  width:500px;
}
.box{
  width: 100px;  /* Or whatever */
  height: 100px; /* Or whatever */
  margin: auto;  /* Magic! */
  justify-content:center;
  align-items:center;
}
div{
  padding:5px;
  border:1px solid red;

}