Mega menú ayuda?

Question

Pregunta del novato: Estoy trabajando en la construcción de un mega-menú que se genera dinámicamente. Cada mega-menú muestra varios submenús y enlaces. Como no sé cuántos submenús y enlaces habrá, tengo problemas con el diseño. Mi idea ahora es usar esta estructura cuando se genera el menú:

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

Sin embargo, tengo muchos problemas con el diseño. Me quedo con el ancho del contenedor en la ventana y luego fluyo a la izquierda. Pero sigo recibiendo menús que se ven así:

Submenu1 submenu2 submenu3 submenu4
Submenu5

¿Existe una mejor manera de generar el diseño para que pueda ser más simétrico? Me gustaría que se viera algo así:

Submenu1 submenu2
Submenu3 submenu4
Submenu5

¡Gracias por adelantado!