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 {
  font-size:25px;
    width: auto;
    padding:2px 8px;
    /* height: 0px; */
    border-radius: 5px;
    background-color: orange;
    text-align: center;
    display: table-cell;
    overflow: hidden;
    vertical-align:middle;
}