JSFiddle - React, Tailwind, and code Playground

by gothic

HTML

<div class="container">
		<div class="content">hello world</div>
	</div>

CSS

.container { 
    width:200px; 
    height:200px;
    background-color:yellow; 
    position:relative; 
}
  .content { 
    position:absolute;
    left:50%; 
    top:50%; 
    transform:translate(-50%,-50%); 
    -webkit-transform:translate(-50%,-50%); 
    background-color:gray; 
    color:white; 
}