Пытаюсь сделать меню с помощью LI и отцентрировать текст ссылок. И чтобы отступов между ссылками не было. Но, к сожалению, ничего не выходит: текст не выравнивается по вертикали, и отступы между элементами сохранились.
ul.menu {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
height: 100px;
}
ul.menu li {
display: inline-block;
padding: 0;
margin: 0;
height: 100%;
width: 75px;
background-color: red;
text-align: center;
}
<div style="width:100%">
<ul class="menu">
<li><a>some</a></li>
<li><a>some</a></li>
<li><a>some</a></li>
</ul>
</div>
Что тут сделано не верно. Помогите пожалуйста