<header>
<div class="padding_220">
<h1><a href="#" class="logo">Fooseshoes</a></h1>
<ul>
<li class="authorization"><a href="#">Login or register</a></li>
<li class="search"><a href="#"><img src="img/Search-Icon.png" alt="search"></a></li>
</ul>
</div>
</header>
<article class="menu">
<div class="padding_220">
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Pages</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<ul class="wishlist-cart">
<li class="cart">0</li>
<li class="favourites">30</li>
</ul>
</div>
</article>
header{
height: 45px;
background-color: #242424;
}
header .logo{
float: left;
font-family: 'STHeiti TC Medium';
font-size: 26px;
color: #57c5a0;
line-height: 45px;
text-transform: uppercase;
letter-spacing: -1px;
}
header ul{
padding-right: 24px;
}
header li{
float: right;
line-height: 45px;
}
header .authorization{
border-right: 1px solid rgba(204, 204, 204, 0.2);
border-left: 1px solid rgba(204, 204, 204, 0.2);
height: 45px;
}
header li a{
font-family: 'Aller';
font-size: 11px;
color: #7e7e7e;
text-transform: uppercase;
padding: 0 45px 0 45px;
}
.menu{
height: 60px;
background-color: #fff;
}
.menu nav ul{
padding-left: 20px;
}
.menu nav li{
float: left;
padding-right: 45px;
}
.menu nav li a{
font-size: 16px;
color: #242424;
line-height: 60px;
}
.menu .wishlist-cart li{
float: right;
}
список .wishlist-cart выравнивается по правому краю с каким то большим отступом - никак не могу понять откуда он берется.
Простой
