Отображать встроенное выпадающее меню по горизонтали и центрировано [закрыто] ⇐ Html

[Anonymous]

У меня встроенное выпадающее меню - AKA - горизонтально отображается. Идеи »]
NAV установлен на относительном положении, а раскрывающееся горизонтальное меню установлено на абсолютно. Навигация имеет отображение «таблицы». Я установил левые и правые свойства на 0. Я пытался использовать левое: Auto и вправо: Auto, но это тоже не работает. Выпачающие ссылки плавают влево. HTML -код выглядит следующим образом - «Научные идеи» - это вариант меню. Ссылки под этим дисплеем представляют собой горизонтально отображаемые раскрывающиеся элементы. < /P>

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

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

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

nav ul li:hover ul {
display: inline;
position: absolute;
left: 0;
right: 0;
top: 100%;
width: 100%;
height: 32px;
}< /code>

[list]
[*]
[url=#]SCIENCE IDEAS[/url]

[url=atom.html]THE ATOM[/url]

[*][url=other.html]OTHER[/url]

[*][url=weak-forces.html]WEAK FORCES[/url]

[*][url=universe.html]UNIVERSE[/url]

[/list]

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