JSFiddle - React, Tailwind, and code Playground

HTML

<dl> <dt>
        Fruit
    </dt>

    <dd>Apple</dd>
    <dd>Banana</dd>
    <dd>Pear</dd>
</dl>

CSS

dl, dt, dd {
    margin:0;
}
dl {
    display: table;
}
dt {
    background: blue;
}
dd {
    min-height: 100px;
    background: gold;
    border-bottom: 3px solid white;
    display: table-cell;
    vertical-align: middle;
}