JSFiddle - React, Tailwind, and code Playground

by kazu69

HTML

<dl>
    <dt class="col-1">Something</dt>
    <dd class="col-1"><div>Div with an image</div></dd>
    <dt class="col-2 reset">Second</dt>
    <dd class="col-2"><div>Second Div</div></dd>
</dl>

SCSS

dl dt, dl dd {line-height: 2em;}
.col-1 {width: 120px; background: #eee;}
.col-2 {margin-left: 130px;}
.reset {margin-top: -4em;}