Всем привет! Ребятушки, такой вопрос. Есть код:
.window .menu ul li a {
font-family: 'Lato', sans-serif;
font-size: 0.813em;
text-transform: uppercase;
color: #000;
text-decoration: none;
font-weight: bold; }
.page {
max-width: 1600px;
background: url("images/bg.png");
min-height: 800px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin: 0 auto; }
.window {
max-width: 620px;
margin: 0 auto; }
.window .menu ul {
text-align: center; }
.window .menu ul li {
display: inline-block;
margin-left: 70px;
margin-top: 67px; }
.window .menu ul li:first-child {
margin-left: 0; }
<div class="page">
<div class="window">
<nav class="menu">
<ul>
<li><a href="#">About us</a></li>
<li><a href="#">Work</a></li>
<li><a href="#" class="logo"><img src="styles/images/logo.png" alt="logo"></a></li>
<li><a href="#">Shop</a></li>
<li><a href="#" >Contact</a></li>
</ul>
</nav>
</div>
</div
У меня возникает несколько вопросов:
- Никак не получается повлиять на отступы логотипа. Стараюсь присвоить ему класс, но все равно не сдвигается никак из общего списка. Подскажите как это сделать, либо есть дургой способ, чтобы ссылки были на уровне середины лого как на макете?
- Смотрите, я назначил margin-top, но при этом, отступ у ссылок от верхнего края, раза в два больше, чем назначено. с чем связано такое назначение?