Mega menu Aiuto?

Question

Domanda sui principianti: sto lavorando alla costruzione di un mega-menu generato in modo dinamico. Ogni mega-menu mostra diversi sottomeni e collegamenti. Dal momento che non so quanti sottomeni e collegamenti ci saranno, ho problemi con il layout. La mia idea ora è quella di usare questa struttura quando viene generato il menu:

  <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>

Tuttavia, sto avendo molti problemi con il layout. Mi inserisco la larghezza del contenitore nella finestra e poi fluo a sinistra. Ma continuo a ottenere menu che sembrano così:

Sottomenu1 sottomenu2 sottomenu3 sottomenu4
Sottomenu5

C'è un modo migliore per generare il layout in modo che possa essere più simmetrico? Vorrei che assomigli a questo:

Sottomenu1 sottomenu2
Sottomenu3 sottomenu4
Sottomenu5

Grazie in anticipo!