JSFiddle - React, Tailwind, and code Playground

HTML

<dl class="form">
    <dt>Cột 1 trái</dt>
    <dd>Cột 1 phải</dd>
    <dt>Cột 2 trái</dt>
    <dd>Cột 2 phải</dd>
</dl>
<dl class="form">
<dt>nhac</dt>
<dd>ứng dụng</dd><dt>game</dt>
</dl>

CSS

dl.form {
    width:100%;
    float:left;
    clear:both;
}
dl.form dt {
    width:50%;
    float:left;
    clear:left;
    text-align:right;
}
dl.form dd {
    width:50%;
    float:left;
    clear:right;
    text-align:left;
    background: red
}