Aide Mega Menu?

Question

Question des débutants: Je travaille sur la construction d'un méga-menu généré dynamiquement. Chaque méga-menu affiche plusieurs sous-menus et liens. Comme je ne sais pas combien de sous-menus et de liens il y aura, j'ai des problèmes avec la mise en page. Mon idée est maintenant d'utiliser cette structure lorsque le menu est généré:

  <div class="container">
    <ul class="submenus">
    <li><div class="block">
      <h4>Submenu1</h4>
      <a>link1</a>
      <a><link2</a>
    </div></li>
    <li><div class="block">
      <h4>SubMenu2</h4>
      <a>Link3</a>
    </div></li>
    </ul>
  </div>

Mais j'ai beaucoup de problèmes avec la mise en page. J'adapte la largeur du conteneur dans la fenêtre, puis je coule à gauche. Mais je continue de recevoir des menus qui ressemblent à ceci:

SubMenu1 SubMenu2 SubMenu3 SubMenu4
Sous-menu5

Existe-t-il une meilleure façon de générer la disposition afin qu'elle puisse être plus symétrique? J'aimerais que cela ressemble à ceci:

SubMenu1 Submé2
Sous-menu3 sous-menu4
Sous-menu5

Merci d'avance!