JSFiddle - React, Tailwind, and code Playground

HTML

<dl>
  <dt>Email:</dt><dd>[email protected]</dd>
  <dt>Phone:</dt><dd>(555) 123-4567</dd>
  <dt>Bio:</dt><dd>Person's full-text bio, which spans multiple lines, and starts on the same line as the text <q>Bio</q>, just like the previous definitions. Any given solution should both allow this text to wrap below the &lt;dd&gt; and then provide a line break afterwards.</dd>
</dl>

CSS

dt {
  float: left;
  clear: left;
  margin-right: 5px;
  font-weight: bold;
}

dd {
  margin-left: 0px;
}