JSFiddle - React, Tailwind, and code Playground

by alirokni

HTML

<ul>
    <li class="col1">Eggs</li> 
    <li class="col1">Ham</li> 
    <li class="col2 top">Bread</li> 
    <li class="col2">Butter</li> 
    <li class="col3 top">Flour</li> 
    <li class="col3">Cream</li> 
</ul>

CSS

ul {list-style:none;}
li {line-height:1.3em;padding:0 5px}
.col2 {margin-left:100px;}
.col3 {margin-left:200px;}
.top {margin-top:-2.6em;} /* the clincher */