Código HTML:
<li class="mega-menu-container"><a href="#">PRODUCTS</a> <div class="mega-menu clearfix"> <div class="col-5"> <ul class="mega-menu-list clearfix"> <li><a href="#">Dresses</a></li> <li><a href="#">Jeans & Trousers</a></li> <li><a href="#">Blouses & Shirts</a></li> <li><a href="#">Tops & T-Shirts</a></li> <li><a href="#">Jackets & Coats</a></li> <li><a href="#">Skirts</a></li> </ul> </div><!-- End .col-5 --> <div class="col-5"> <ul class="mega-menu-list clearfix"> <li><a href="#">Formal Shoes</a></li> <li><a href="#">Casual Shoes</a></li> <li><a href="#">Sandals</a></li> <li><a href="#">Boots</a></li> <li><a href="#">Wide Fit</a></li> <li><a href="#">Slippers</a></li> </ul> </div><!-- End .col-5 --> <div class="col-5"> <ul class="mega-menu-list clearfix"> <li><a href="#">Bags & Purses</a></li> <li><a href="#">Belts</a></li> <li><a href="#">Gloves</a></li> <li><a href="#">Jewellery</a></li> <li><a href="#">Sunglasses</a></li> <li><a href="#">Hair Accessories</a></li> </ul> </div><!-- End .col-5 --> <div class="col-5"> <ul class="mega-menu-list clearfix"> <li><a href="#">Sport Tops & Vests</a></li> <li><a href="#">Swimwear</a></li> <li><a href="#">Footwear</a></li> <li><a href="#">Sports Underwear</a></li> <li><a href="#">Bags</a></li> </ul> </div><!-- End .col-5 --> <div class="col-5"> <ul class="mega-menu-list clearfix"> <li><a href="#">Tops & Skirts</a></li> <li><a href="#">Dresses</a></li> <li><a href="#">Trousers & Shorts</a></li> <li><a href="#">Knitwear</a></li> <li><a href="#">Jackets & Coats</a></li> </ul> </div><!-- End .col-5 --> </div><!-- End .mega-menu --> </li>
y quiero que en cada una columna de esas me salgan 5 o 6 registros y luego me salgan los otros en otra columna y asi cada 5 hacer una clase
Como seria!!!