Как создать выпадающее меню, которое является встроенным / горизонтальным? [закрыто] ⇐ CSS

[Anonymous]

HTML-код
Навигационная навигация [Menu-Container] является контейнером для всего меню. Класс «Inline» - со списком элементов, которые должны выстроиться в очередь рядом. На паряке над определенной ссылкой < /p>

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

.menu-container {
width: 100%;
margin: 0px;
padding: 0px;
height: 90px;
background: #323653;
display: block;
}

.menu {
position: relative;
margin: 0px;
padding: 0px;
}

.menu li {
list-style-type: none;
position: relative;
margin: 0px;
display: inline-block;
}

.menu li a {
display: block;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
padding: 35px 25px;
margin: 0px;
height: 90px;
float: left;
font-size: 0.75rem;
}

.menu ul.inline {
display: none;
}

.menu li:hover ul.inline {
top: 100%;
display: block;
left: 0px;
right: 0px;
width: 100%;
background: #323653;
padding: 0px;
position: absolute;
}

.menu ul.inline li a {
display: inline;
float: left;
width: 200px;
height: 55px;
padding: 20px;
margin: 0px;
background: #323653;
color: #ffffff;
letter-spacing: 1px;
font-size: 0.75rem;
}< /code>

[list]
[*][url=#]Inline Menu[/url]

[url=#]News Item 1[/url]

[*][url=#]News Item 2[/url]

[*][url=#]News Item 3[/url]

[*][url=#]News Item 4[/url]

[/list]

Подробнее здесь: https://stackoverflow.com/questions/796 ... horizontal