JSFiddle - React, Tailwind, and code Playground

HTML

<dl>
    <dt>1</dt>
    <dd>A</dd>
    <dt>2</dt>
    <dd>B</dd>
    <dd>C</dd>
    <dd>D</dd>
    <dt>3</dt>
    <dd>E</dd>
    <dd>F</dd>
    <dt>4</dt>
    <dd>G</dd>
</dl>

CSS

dt {
    float: left;
    clear:left;
}

dd {
    float:left;
    margin-left: 1em;
}