<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.wrapper{
width:400px;/*Задав ширину главного дива, делаем его по центру*/
margin: 0 auto;
}
ul{
list-style-type:none;/*убираем маркеры улки(кружочки пунктов меню) и сбрасываем отступы на ноль*/
margin:0;
padding-left: 0;
}
li{
border: 1px solid black;/*граница для наглядности, но можно и без неё*/
display:inline-block;/*задаём строчно-блочные элементы, чтобы сделать горизонталь*/
padding:5px;/*отступы внутри пунктов меню*/
margin-right: 15px;/*отступы снаружи пунктов меню(справа)*/
}
li a{
text-decoration: none;/*убираем подчёркивание текста ссылки*/
}
</style>
</head>
<body>
<div class="wrapper">
<div class="menu">
<ul>
<li><a href="#">SHOP</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#" class="logo">
<img src="assets/sds.jpgf" class="logo__image"></a></li>
<li><a href="#">CART</a></li>
<li><a href="#">EUR</a></li>
</ul>
</div>
</div>
</body>
</html>