JSFiddle - React, Tailwind, and code Playground

by Abdul Ahmad

HTML

<div class='text-holder black'>I HAVE TEXT</div>
<div class='text-holder grey'></div>
<div class='text-holder black lg'>
texts
</div>

CSS

.text-holder {
  display: inline-block;
  color: #ffffff;
  padding: 10px;
  vertical-align: top;
}
.text-holder.black { background-color: #000000; }
.text-holder.grey { background-color: #606060; }

.text-holder:empty::before {
  content:"\200B";
}

.lg {
  font-size: 50px;
}