JSFiddle - React, Tailwind, and code Playground

HTML

<dl>
    <dt><span>Phone</span></dt>
    <dd>123-4567</dd>
    
    <dt><span>Email</span></dt>
    <dd>info@email.com</dd>    
</dl>

CSS

dl {
   width: 300px;  
}

dt {
   float: left;
   clear: right;
   width: 100px;   
   background: url(http://galeon.sourceforge.net/twiki/pub/TWiki/TWikiDocGraphics/dot_lr.gif) repeat-x 0 180%;   
}

dt span {
   background: #fff;   
}

dd {
   float: right;
   width: 200px;   
}