Показать сообщение отдельно
  #7 (permalink)  
Старый 24.07.2021, 17:19
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Gm5,
<!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>
Ответить с цитированием