JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
 <div id="abc">
     asdfasdfafasdfasdf
 </div>
  
</div>

CSS

body{
	padding: 0;
	margin: 0;
    margin:0px auto;
}
#main{
    position: relative;
	background-color:blue;
	width:500px;
	height:500px;
}
#abc{
	font:Verdana, Geneva, sans-serif;
	font-size:18px;
	text-align:left;
	background-color:#0F0;
	height:50px;
  display:flex;
  align-items:center;
}