JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<div class = "container">
    <p class = "bubble_text">Center me Please</p>
    <p style = "float: right;margin-top:-1px;">&#10006;</p>
</div>

CSS

.bubble_text {
display: inline-block;
padding: 1vw 3vw;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 20vw;
text-align: center;
vertical-align:middle;
margin-top:-1px;
}

.container
{
  background-color:red;
  width:300px;
  height:300px;
  
}