JSFiddle - React, Tailwind, and code Playground

HTML

<div class = "test">
	<div class="centered">...</div>
</div>

CSS

.test {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 232px; 
  height: 222px;
  border: 1px solid; 
  border-radius: 5px; 
  text-align: center;
}

.centered {
  width: 50px;
  height: 40px;
}