JSFiddle - React, Tailwind, and code Playground

HTML

<dl>
    <dt>John</dt>
    <dd>I am the batman</dd>
    <dt>Lee</dt>
    <dd>No, you are not</dd>
    <dt>John</dt>
    <dd>Prove it</dd>    
</dl>

CSS

dt { float: left; clear: left; }
dt:after { content:"\2014"; display: inline-block; margin: 0 10px;  }