JSFiddle - React, Tailwind, and code Playground

by Christian Sonne

HTML

<div id="container">
  <div id="longtext">A specific long text</div>
  <div class="test">foo</div>
  <div class="test">bar</div>
</div>

CSS

#container {
  display: table;
}

#longtext {
  white-space: nowrap;
  background: red;
  font-size: 8vw;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

.test:hover {
  background: red;
}