Форматирование моего CSS выпадающего меню

Question

Мне нравится внешний вид this меню

Я не могу понять, как получить строку ниже каждый из выпадающих элементов без него пройдя весь путь до края и выглядит как расположение таблицы. Я думаю, что дополнение должно быть добавлено где-то, но я не могу понять, где.

This - это то, что у меня есть.

Часть II этого вопроса - какой код мне нужно ввести, чтобы добавить третий уровень в это меню?

Answer 1

Удалите пограничную-дно от #centeredmenu ul ul li

Положите его в #centeredmenu ul ul li a и добавить margin-left и margin-right;

Answer 2

Переместите левую и правую границы от #centeredmenu ul ul li a до #centeredmenu ul ul li и переместить нижнюю границу из #centeredmenu ul ul li в #centeredmenu ul ul li a

Добавить маржу #centeredmenu ul ul li a, а затем добавить нижнюю границу #centeredmenu ul ul, чтобы заполнить пробелы на последнем пункте.

I've updated your example here