JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
<div class="test22">
 <span>heehehe</span>
 <span>cferferf</span>
 <span>erferfe</span>
 <span>frerferfe</span>
</div>
</div>

CSS

.test {
  width: 100%;
  height: 100%;
}

.test22 {
  width: 100px;
  background-color: #000;
  border: 1px solid #000;
  height: 100%;
}