4

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>

fiddle

BoltClock
  • 700,868
  • 160
  • 1,392
  • 1,356
wj R.
  • 359
  • 6
  • 18