title: Can I render a DT on the same line as its DD?
body: <p>I'm looking for a list of definitions that are inline with their terms, so that</p>
  <pre><code>&lt;dl&gt;
    &lt;dt&gt;Email&lt;/dt&gt;&lt;dd&gt;contact@example.com&lt;/dd&gt;
    &lt;dt&gt;Bio&lt;/dt&gt;&lt;dd&gt;Person's full-text bio, which spans multiple lines, and starts on the same line as the text &lt;q&gt;Bio&lt;/q&gt;, just like the previous definitions. Any given solution should both allow this text to wrap below the &amp;lt;dd&amp;gt; and then provide a line break afterwards.&lt;/dd&gt;
    &lt;dt&gt;Phone&lt;/dt&gt;&lt;dd&gt;(555) 123-4567&lt;/dd&gt;
  &lt;/dl&gt;
  </code></pre>
  <p>Renders as:</p>
  <blockquote>
  <p><strong>Email:</strong> contact@example.com</p>
  <p><strong>Bio:</strong> Person's full-text bio, which spans multiple lines, and starts on the same line as the text “Bio”, 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.</p>
  <p><strong>Phone:</strong> (555) 123-4567</p>
  </blockquote>
  <p><strong>I've already tried</strong> using <code>dt,dd{display:inline}</code>, but that caused <em>all</em> definitions to be displayed on one line with eachother.</p>
  <p><strong>I've already reviewed</strong> <a href="https://stackoverflow.com/questions/1713048/how-to-style-dt-and-dd-so-they-are-on-the-same-line">How to style dt and dd so they are on the same line?</a> and it resulted in a more tabular layout, which won't work in this case.</p>