title: Is this HTML structure valid? UL > DIV > { LI, LI } , DIV > { LI, LI } , DIV > { LI, LI }
body: <p>Is this HTML structure valid?</p>
  
  <pre><code>&lt;ul class="blog-category"&gt;
    &lt;div class="three column"&gt;
      &lt;li&gt;Item 1&lt;/li&gt; 
      &lt;li&gt;Item 2&lt;/li&gt; 
      &lt;li&gt;Item 3&lt;/li&gt; 
    &lt;/div&gt;
    &lt;div class="three column"&gt;
      &lt;li&gt;Item 4&lt;/li&gt; 
      &lt;li&gt;Item 5&lt;/li&gt; 
      &lt;li&gt;Item 6&lt;/li&gt; 
    &lt;/div&gt;
    &lt;div class="three column"&gt;
      &lt;li&gt;Item 7&lt;/li&gt; 
      &lt;li&gt;Item 8&lt;/li&gt; 
      &lt;li&gt;Item 9&lt;/li&gt; 
    &lt;/div&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I am inserting li's inside div which is within ul. What do you think? Is this stucture semantically valid and will that be recognized as a single list?</p>