JSFiddle - React, Tailwind, and code Playground

by kazu69

HTML

<dl>
    <dt>dt</dt>
    <dd>dd - aaaaaaaaaaaa</dd>
</dl>

CSS

dl {
    background:#efefef;
    text-align: right;
}

dt {
    display: inline-block;
    width: 30px;
    background:#c00;
     margin: 0;
    padding: 0;
}

dd {
    display: inline-block;
    background: #c0c;
    margin: 0;
    padding: 0;
}