Im creating a nested grid based menu. UL = row and LI = column. The outcome is successful and I was able to avoid too much div mark ups.
My question is if it's VALID to have multiple instances of UL inside LI?
<nav>
<ul>
<li><a href="#">(VALID)</a></li>
<li><a href="#">(VALID)</a>
<ul>
<li>link1</li>
<li>link2</li>
</ul>
</li>
<li><a href="#">(I'M NOT SURE)</a>
<ul>
<li>
<ul>
<li>any contents here</li>
<li>any contents here</li>
</ul>
<ul>
<li>any contents here</li>
<li>any contents here</li>
</ul>
<ul>
<li>any contents here</li>
<li>any contents here</li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
-
` You can nest it to as many levels as u want – Umair Ayub Feb 08 '15 at 08:08...
`, `...
`, `...
`, `...
` and many available tags can defined inside `