title: Definition list with inline pairs
body: <p>I'm trying to create a definition list of term-definition pairs, each pair existing on a single, separate line. I've tried making <code>dt</code>s and <code>dd</code>s <code>display:inline</code>, but then I lose the line breaks between the pairs. How do I make sure I have a line for each pair (and not for each individual term/definition)?</p>
  
  <p>Example:</p>
  
  <pre><code>&lt;dl&gt;
  &lt;dt&gt;Term 1&lt;/dt&gt;&lt;dd&gt;Def 1&lt;/dd&gt;
  &lt;dt&gt;Term 2&lt;/dt&gt;&lt;dd&gt;Def 2&lt;/dd&gt;
  &lt;/dl&gt;
  </code></pre>
  
  <p>yielding:</p>
  
  <pre><code>Term 1 Def 1
  Term 2 Def 2
  </code></pre>
  
  <p>The CSS for making them inline would be:</p>
  
  <pre><code>dt,dd{display:inline;}
  </code></pre>
  
  <p>yielding:</p>
  
  <pre><code>Term 1 Def 1 Term 2 Def 2
  </code></pre>
  
  <p>...which is not what I want (line breaks between pairs missing).</p>