title: Nested html dl dt dd
body: <p>I want to check my thinking. I need to create HTML code for the UI design below and I have used nested <code>dl</code>s in my markup. Is this semantically valid? If not, how else should I implement this design in HTML?</p>
  
  <p><a href="http://dl.dropbox.com/u/504792/ui-element.png" rel="nofollow">UI design</a></p>
  
  <pre><code>&lt;dl&gt;
      &lt;dt&gt;Section one&lt;/dt&gt;
      &lt;dd&gt;
          &lt;dl&gt;
              &lt;dt&gt;Sub-Section one&lt;/dt&gt;
              &lt;dd&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis justo justo, aliquam vel imperdiet a, semper sed felis. Nunc nec odio non massa pellentesque blandit et in velit. Proin massa libero, pulvinar at consectetur ut, ullamcorper id ipsum. Mauris in lorem ligula. &lt;/dd&gt;
  
              &lt;dt&gt;Sub-Section two&lt;/dt&gt;
              &lt;dd&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis justo justo, aliquam vel imperdiet a, semper sed felis. Nunc nec odio non massa pellentesque blandit et in velit. Proin massa libero, pulvinar at consectetur ut, ullamcorper id ipsum. Mauris in lorem ligula. &lt;/dd&gt;
  
              &lt;dt&gt;Sub-Section three&lt;/dt&gt;
              &lt;dd&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis justo justo, aliquam vel imperdiet a, semper sed felis. Nunc nec odio non massa pellentesque blandit et in velit. Proin massa libero, pulvinar at consectetur ut, ullamcorper id ipsum. Mauris in lorem ligula. &lt;/dd&gt;
  
              &lt;dt&gt;Sub-Section four&lt;/dt&gt;
              &lt;dd&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis justo justo, aliquam vel imperdiet a, semper sed felis. Nunc nec odio non massa pellentesque blandit et in velit. Proin massa libero, pulvinar at consectetur ut, ullamcorper id ipsum. Mauris in lorem ligula. &lt;/dd&gt;
  
              &lt;dt&gt;Sub-Section five&lt;/dt&gt;
              &lt;dd&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis justo justo, aliquam vel imperdiet a, semper sed felis. Nunc nec odio non massa pellentesque blandit et in velit. Proin massa libero, pulvinar at consectetur ut, ullamcorper id ipsum. Mauris in lorem ligula. &lt;/dd&gt;
          &lt;/dl&gt;
      &lt;/dd&gt;
  
      &lt;dt&gt;Section two&lt;/dt&gt;
      &lt;dd&gt;etc..&lt;/dd&gt;
  
      &lt;dt&gt;Section three&lt;/dt&gt;
      &lt;dd&gt;etc..&lt;/dd&gt;
  
      &lt;dt&gt;Section four&lt;/dt&gt;
      &lt;dd&gt;etc..&lt;/dd&gt;
  &lt;/dl&gt;
  </code></pre>