JSFiddle - React, Tailwind, and code Playground

by Gaurav Joshi

HTML

<div>
    <section class="main">
    <div id="greeting">
          <p>Hi, This is the greeting part of my site.</p>
      </div>
    </section>
</div>

CSS

section.main{ 
    display: table;
}
#greeting{
	position: relative;
	height:450px;
	width:450px;
	border-radius: 50%;
	background-color: #779EC6;
	text-align: center;
    display: table-cell;
    padding: 10px; 
    vertical-align: middle;
}