У меня есть 5 ликов на моей странице.Горизонтальное выравнивание LI
Одна из тем (третья) выше, чем другая. Я бы хотел, чтобы они доходили до центра этого величайшего LI. Тем не менее, он выравнивается сверху. Я попытался использовать «Вертикальный выровнять: средний», но он не работает.
Вот мой фактический код:
<link rel="stylesheet" href="style2015.css" />
<div id="menu">
<ul>
<li><a href="#">Portfolio</a>
<ul>
<li><a href="#">Sous-item 1</a></li>
<li><a href="#">Sous-item 2</a></li>
<li><a href="#">Sous-item 3</a></li>
</ul>
</li>
<li><a href="#">Projets</a>
</li>
<li id="logo"></li>
<li><a href="#">A propos</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
Css:
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:auto;
padding:0;
background-color:black;
display: inline;
vertical-align: middle;
}
#menu li a {
display:block;
width:100px;
color:white;
text-decoration:none;
}
#menu li a:hover {
color:#FFD700;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;
}
#menu {
height:30px;
}
/* Logo */
#logo{
height: 190px;
width: 266px;
background-color:black;
}
Можете ли вы сделать скрипку или кодировку? все выглядит правильно на моей стороне – NooBskie
http://codepen.io/anon/pen/MaOxJY – Ezhno