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

[Anonymous]

html - контейнер меню - меню - Список элементов меню, которые будут отображаться в линии - на падении тега, содержащего слова «встроенное меню» < /p>

• Inline Menu
  
  News Item 1
• News Item 2
• News Item 3
• News Item 4

< /code>
CSS -код - контейнер меню - форматирование меню - форматирование для каждой ссылки элемента - скрывая раскрывающуюся встроение, но отображая его на паряке по определенной ссылке < /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;
}


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