JSFiddle - React, Tailwind, and code Playground

by leopoldthecuber

HTML

<div>
  <span>ajPpww</span>
  <i></i>
</div>

CSS

div {
  display: inline-block;
  padding: 0 20px;
  height: 36px;
  border-radius: 18px;
  border: 2px solid crimson;
  box-sizing: border-box;
}

span {
  font-size: 20px;
}

i {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: gray;
  margin-left: 8px;
  vertical-align: bottom;
}