Make CSS Drop Down Menu 2 Columns

Question

I currently have a css

• dropdown menu that uses the following code. Unfortunately I want the sub menus to display in 2 columns as there are

Answer 1

To make the listings display alpha down instead of across, wrap half of the <li>'s in a div, and the other half in another div. Then float the divs left.

Answer 2

I have just wrote a short tute on that http://www.prowebdesign.ro/wordpress-sub-menu-items-split-in-2-columns-the-easy-way/. Basically, it expands the answer of Michael Jasper, but offers a tad more flexibility: you can have 2 columns for selected sub-menus only.

Answer 3

2018 edit

Hey, 7 years later the columns css property is well supported

ul{
  columns: 2;
}

<ul>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
  <li>fourth item</li>
  <li>fifth item</li>
</ul>

You could probably get a similar effect with the very robust grid

---

2011 original answer

Make the ul twice as wide as the li's and float the li's left

http://www.behemothdan.com/2011/05/faux-mega-menu-in-wordpress/