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