Здесь вы узнаете, как выровнять веб-сайт горизонтально по центру при помощи CSS.
Выровненный по центру веб-сайт
Веб-сайт, который выровнен горизонтально по центру:
Этот пример центрирован горизонтально на экранах шириной больше 500px.
Как центрировать веб-сайт
Используем элемент-контейнер и установим для него свойство max-width. Многие сайты используют ширину в 960px. Чтобы страница выводилась по центру экрана, добавим свойство margin: auto.
В следующем примере веб-сайт будет отображаться по центру на экранах с шириной больше 500px. На экранах с шириной меньше 500px он будет занимать все пространство:
Пример
<style>
.content {
max-width: 500px;
margin: auto;
}
</style>
<body>
<div class="content">
<!-- Контент страницы -->
</div>
</body>
