JSFiddle - React, Tailwind, and code Playground

by bluey

HTML

<dl>
   <dt>aaa</dt><dd>111</dd>
   <dt>bbbbbbb</dt><dd>22222</dd>
   <dt>cccccccccc</dt><dd>33333333</dd>
   <dt>dd</dt><dd>44</dd>
   <dt>eeee</dt><dd>5555555</dd>
</dl>

CSS

dt { display:block; float:left; width:100px; text-align: right;}
dt:after{content:':';}
dd { display:block;}