JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test"><h1 class="text">test</h1></div>

CSS

.test{
	background: red;
	height: 300px;
	width: 300px;
	border-radius: 150px;
	display: inline-block;
}

.test .text{
    margin: 0;
	text-align: center;
    line-height: 300px;
}