<p dir="auto">Hi, I got a small issue using horizontal definition lists. When a definition description <code class="notranslate">&lt;dd&gt;</code> is empty, the next <code class="notranslate">&lt;dd&gt;</code> (if any) takes the place of the first. See in action: <a href="http://jsfiddle.net/2R2Pb/1" rel="nofollow">http://jsfiddle.net/2R2Pb/1</a></p>
<p dir="auto">This happens using Firefox and Bootstrap 2.3.1.</p>
<p dir="auto">When an empty or self-closing &lt;dd&gt; tag is used in a horizontal &lt;dl&gt;, the &lt;dd&gt; tags following it are mis-aligned with the matching &lt;dt&gt; tags.</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content=" &lt;dl class=&quot;dl-horizontal&quot;&gt;
   &lt;dt&gt;Title 1&lt;/dt&gt;
   &lt;dd&gt;Description 1&lt;/dd&gt;

   &lt;dt&gt;Title 2&lt;/dt&gt;
   &lt;dd&gt;&lt;/dd&gt;

   &lt;dt&gt;Title 3&lt;/dt&gt;
   &lt;dd&gt;Description 3&lt;/dd&gt;
&lt;/dl&gt;"><pre class="notranslate"> <span class="pl-kos">&lt;</span><span class="pl-ent">dl</span> <span class="pl-c1">class</span>="<span class="pl-s">dl-horizontal</span>"<span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;</span><span class="pl-ent">dt</span><span class="pl-kos">&gt;</span>Title 1<span class="pl-kos">&lt;/</span><span class="pl-ent">dt</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;</span><span class="pl-ent">dd</span><span class="pl-kos">&gt;</span>Description 1<span class="pl-kos">&lt;/</span><span class="pl-ent">dd</span><span class="pl-kos">&gt;</span>

   <span class="pl-kos">&lt;</span><span class="pl-ent">dt</span><span class="pl-kos">&gt;</span>Title 2<span class="pl-kos">&lt;/</span><span class="pl-ent">dt</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;</span><span class="pl-ent">dd</span><span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">dd</span><span class="pl-kos">&gt;</span>

   <span class="pl-kos">&lt;</span><span class="pl-ent">dt</span><span class="pl-kos">&gt;</span>Title 3<span class="pl-kos">&lt;/</span><span class="pl-ent">dt</span><span class="pl-kos">&gt;</span>
   <span class="pl-kos">&lt;</span><span class="pl-ent">dd</span><span class="pl-kos">&gt;</span>Description 3<span class="pl-kos">&lt;/</span><span class="pl-ent">dd</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">dl</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">Here is a jsFiddle: <a href="http://jsfiddle.net/xjQX3/" rel="nofollow">http://jsfiddle.net/xjQX3/</a></p>
<p dir="auto">In the above example, "Description 3" will sit beside "Title 2".  It should sit beside "Title 3". If the &lt;dl&gt; is not horizontal, then they appear as expected.</p>