title: Allowed child elements of ul
body: <p>I'm maintaining a legacy app and came across the following code:</p>
  
  <pre><code>&lt;ul&gt;
     &lt;li&gt;...&lt;/li&gt;
     &lt;li&gt;...&lt;/li&gt;
     &lt;li&gt;...&lt;/li&gt;
     &lt;li&gt;...&lt;/li&gt;
     &lt;li&gt;...&lt;/li&gt;
     &lt;div&gt;
        &lt;li&gt;...&lt;/li&gt;
        &lt;li&gt;...&lt;/li&gt;
     &lt;/div&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I've never seen <code>div</code> tags as child elements of <code>ul</code> elements before. The HTML renders fine in browsers. </p>
  
  <p>Is this valid HTML? My gut feeling is that this is strange usage. However, perhaps this is completely normal and valid? Is nesting a <code>div</code> element inside a <code>ul</code> element appropriate usage? Would you recommend for or against this?</p>