Не работает margin 0 auto

Рейтинг: 0Ответов: 1Опубликовано: 12.05.2023

Коллеги, добрый день, первый раз сталкиваюсь с такой проблемой, прошерстил всю первую страницу гугла, но решения так и не нашёл. Не работает 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>

css html
Источник: Stack Overflow на русском

Ответы

▲ 1

добавьте display: inline, должно исправить проблему

.container {
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
    display: inline
}