JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
   <li class="col1">Eggs</li>
   <li class="col1">Ham</li>
   <li class="col2 top">Bread</li>
   <li class="col2">Butter</li>
</ol>

CSS

li { line-height: 1.3em; }
.col2 { margin-left: 100px; }
.top { margin-top: -2.6em; }