Edit in JSFiddle

<nav id="mega-menu" class="mega-menu">
  <ul>
    <!-- this is a simple navigation item -->
    <li><a class='mega-menu-link' href='/'>Home</a></li>
    
    <!-- this is an item with a mega menu dropdown -->
    <li class='mega-menu-dropdown'><span class='mega-menu-link'>Mega Menu</span>
      <div class='mega-menu-col-wrapper'>

        <!-- this is a mega menu column -->
        <div class='mega-menu-col'>
          <!-- this is a mega menu column label -->
          <p class='mega-menu-link'>COLUMN TITLE #1</p>
          <ul>
            <!-- those are mega menu column litems -->
            <li class='mega-menu-item'><a href='/'>ITEM</a></li>
            <li class='mega-menu-item'><a href='/'>ITEM</a></li>
            <li class='mega-menu-item'><a href='/'>ITEM</a></li>
            <li class='mega-menu-item'><a href='/'>ITEM</a></li>
          </ul>
        </div>

        <!-- this is a mega menu column -->
        <div class='mega-menu-col'>
          <!-- this is a mega menu column label -->
          <p class='mega-menu-link'>COLUMN TITLE #2</p>
          <ul>
            <!-- those are mega menu column litems -->
            <li class='mega-menu-item'><a href='/'>ITEM</a></li>
            <li class='mega-menu-item'><a href='/'>ITEM</a></li>
            <li class='mega-menu-item'><a href='/'>ITEM</a></li>
            <li class='mega-menu-item'><a href='/'>ITEM</a></li>
          </ul>
        </div>

        <!-- this is a mega menu column -->
        <div class='mega-menu-col'>
          <!-- this is a mega menu column label -->
          <p class='mega-menu-link'>COLUMN TITLE #3</p>
          <ul>
            <!-- those are mega menu column litems -->
            <li class='mega-menu-item'><a href='/'>ITEM</a></li>
            <li class='mega-menu-item'><a href='/'>ITEM</a></li>
            <li class='mega-menu-item'><a href='/'>ITEM</a></li>
            <li class='mega-menu-item'><a href='/'>ITEM</a></li>
          </ul>
        </div>
    </li>

    <!-- this is a simple navigation item -->
    <li><a class='mega-menu-link' href='/contact'>Contact us</a></li>
  </ul>
</nav>
</div>