JSFiddle - React, Tailwind, and code Playground

by nethzor

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">
<div class="parent fa fa-circle">
  <div class="inner">
    <span>MYTEXT</span>
  </div>
</div>

CSS

.parent {
	background: blue;
	height: 200px;
	vertical-align: middle;
  font-size: 100px
}

.inner {
	width: 12px;
	height: 12px;
	background: green;
	margin: auto;
  text-align:center;
  vertical-align:middle;
  font-size: 12px;
  color:red;
  position: absolute;
 
}