JSFiddle - React, Tailwind, and code Playground

by Aaron von Schassen

HTML

<div class="main">
  <div>
    <dl>
      <dt>Text</dt>
      <dt>Längerer Text</dt>
      <dt>Eine ganze Lange Überschrift</dt>
    </dl>
  </div>
  <div>
    <dl>
      <dt>1</dt>
      <dt>10</dt>
      <dt>100</dt>
    </dl>    
  </div>
</div>

CSS

.main {
  display: flex;
}

.main > div:first-child {
  width: 50%
}

.main > div:last-child {
  width: 20px;
}