メガメニューヘルプ？

Question

初心者の質問：私は動的に生成されるメガメヌの構築に取り組んでいます。各Mega-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>

しかし、私はレイアウトに多くの問題を抱えています。コンテナの幅をウィンドウに取り付けてから、左に流れます。しかし、私は次のようなメニューを取得し続けます：

submenu1 submenu2 submenu3 submenu4
submenu5

レイアウトを生成して、より対称的になる可能性のあるより良い方法はありますか？このように見せてほしい：

submenu1 submenu2
submenu3 submenu4
submenu5

前もって感謝します！