JSFiddle - React, Tailwind, and code Playground

by Abdul Ahmad

HTML

<div class='circle'>
  x
</div>

CSS

.circle {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: red;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}