JSFiddle - React, Tailwind, and code Playground

by sstur

HTML

<dl>
    <dt>Title One</dt>
    <dd>Description One</dd>
    <dt>Title Two</dt>
    <dd>Description Two</dd>
    <dt>Title Three</dt>
    <dd>Description Three</dd>
</dl>

CSS

body {
    padding: 5px;
}

dl {
    display: table;
    width: 100%;
    margin: 5px;
    padding: 0;
    border: 1px solid #999;
    box-sizing: border-box;
}

dt {
    display: table-cell;
    width: 1%;
}

dt:before {
    display: table-row;
    content: "";
}

dd {
    display: table-cell;
    width: 99%;
}