Центринг горизонтального выпадающего меню [закрыто] ⇐ Html

[Anonymous]

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

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

    @media (min-width: 992px){
nav {
background: transparent;
width: 100%;
height: 100px;
display: table;
padding-top: 10px;
float: left;
position: relative;
}

nav ul {
padding-left: 0px;
height: 31px;
position: relative;
}

nav ul ul {
display: none;
padding-top: 10px;
}

nav ul li:hover ul {
display: inline;
position: absolute;
left: 0;
right: 0;
top: 100%;
width: auto;
height: 32px;
}< /code>
    
[list]
[*]
[url=index.html]HOME[/url]

[*]
[url=#]COOL STUFF[/url]

[url=energy.html]ENERGY[/url]

[*][url=matter-replication.html]MATTER REPLICATION[/url]

[*][url=particle-accelerator.html]PARTICLE ACCELERATOR[/url]

[*][url=resources.html]RESOURCES[/url]

[*][url=space.html]SPACE[/url]

[*][url=terraforming.html]TERRAFORMING[/url]

[/list]

Подробнее здесь: https://stackoverflow.com/questions/797 ... pdown-menu