Как сделать выпадающее меню на панели навигации, подобное этому? ⇐ CSS

[Anonymous]

Я относительно новичок в веб-разработке и пытаюсь написать выпадающие меню для панели навигации, похожие на те, что на этом сайте: https://segment.com/
Я Думаю, форматирование содержимого раскрывающегося списка не выходит за рамки моих возможностей, а скорее то, что сделали люди, которые это сделали, чтобы содержимое раскрывающегося списка появлялось в одном и том же месте, независимо от того, какую кнопку вы нажимаете. Я застрял на этом некоторое время. Мне никогда не удавалось добиться того, чтобы содержимое раскрывающегося списка не отображалось прямо под соответствующей кнопкой. Я пробовал проверить их код и скопировать правила CSS, но пока это не сработало.
Это HTML-код, с которым я работал. Это база с некоторыми моими дополнениями (я еще не разобрался с форматированием содержимого раскрывающегося списка, поэтому это просто список ссылок, которые я удалил из этого фрагмента). Если это окажется важным, я также использую для этого начальную загрузку.

Код: Выделить всё

.dropdown {
position: relative;
}

.navbar-dropdown-content {
position: absolute;
}

Код: Выделить всё

[url=#]Browse[/url]

Подробнее здесь: https://stackoverflow.com/questions/791 ... e-this-one