Как сдвинуть текст у header?

Мне нужно здвинуть текст у header но никак не идет и незн что делать (код прикрепил) ?

HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Diversity bikes</title>
<meta name="description" content="Diversity-це веломагазин" />
<meta name="keywords" content="веломагазин,велосипеди, аксесуари для велосипеда" />
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div class="main">

<div class="header">
<div class="logo">
<h1><a href="#">Diversity bikes</a></h1>
</div>

</div>
</div>

</body>
</html>

CSS

* {
padding: 0;
margin: 0;
}

.header {
background-color: #111133;
height: 80px;
font-size: 12px;
min-width: 900px;
padding-right: auto;
padding-left: auto;
}

.logo {
padding-bottom: 50px;
margin-right: 4px; 
}

html

css

1 ответов

Попробуй посмотри здесь пример:

https://fructcode.com/ru/courses/html-and-css/footer-interactive/

В твоем примере отступы у logo будут работать такие:

.logo {
    padding-top: 3px;
    margin-left: 50px; 
}

Ты пытаешься сдвинуть margin-right: 4px logo вправо, но оно у тебя уже в 0 стоит, можно двигать влево logo, как в моем примере.