JSFiddle - React, Tailwind, and code Playground

HTML

<div class="circle">this is a sentence</div>

<div class="circle">this is<br>multiple<br>lines</div>

CSS

.circle {
	width: 90px;
	height: 90px;
	border-radius: 90px;
	background-color: orange;
	text-align: center;
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
}