JSFiddle - React, Tailwind, and code Playground

by Aaron von Schassen

HTML

<div class="main">
  <div>
    <ol type="I">
      <li>Text</li>
      <li>Längerer Text</li>
      <li>Eine ganze Lange Überschrift</li>
    </ol>
  </div>
  <div>
  <ul>
    <li>1</li>
    <li>10</li>
    <li>100</li>
  </ul>    
  </div>
</div>

CSS

.main {
  display: flex;
}

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

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

ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
}