JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>

</head>
<body>
<div id="hood">
<span> I Am Centered</span>
</div>
</body>
</html>

CSS

body{
  backgorund-color: #FFFFFF;
}

#hood{
  
 width : 300px;
 height: 100px;
 border: solid 1px #333333;
 display: flex; 
}

#hood span{
  
  margin: auto
}