Коллеги, добрый день, первый раз сталкиваюсь с такой проблемой, прошерстил всю первую страницу гугла, но решения так и не нашёл. Не работает margin: 0 auto
.
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
html {
box-sizing: border-box;
}
*, *::before, *::after {
padding: 0;
margin: 0;
box-sizing: inherit;
}
a {
text-decoration: none;
color: inherit;
}
ul {
list-style-type: none;
}
.container {
max-width: 1240px;
padding: 0 20px;
margin: 0 auto;
}
.header {
background-color: black;
}
.logo {
margin: 0 auto;
}
<div class="wrapper">
<header class="header">
<div class="container">
<img class="logo" src="img/logo.svg" alt="logo">
</div>
</header>
<main class="main"></main>
<footer class="footer"></footer>
</div>
img
- inline-элемент (инлайн-элемент). Короче, завтра опишу подробнее.