Como fazer - Site do Centro
Aprenda a centralizar seu site horizontalmente com CSS.
Site central
Saiba como centralizar seu site horizontalmente:
Este exemplo é centralizado horizontalmente em telas com mais de 500 pixels.
Como centralizar seu site
Use um elemento container e defina um max-width
. Uma largura comum que muitos sites usam é 960px. Para realmente centralizar a página, adicione margin: auto
.
O exemplo a seguir centralizará o site em telas maiores que 500px. Em telas com menos de 500px de largura, ele abrangerá toda a página:
Exemplo
<style>
.content {
max-width: 500px;
margin: auto;
}
</style>
<body>
<div class="content">
<!-- Page content -->
</div>
</body>
Já ouviu falar dos Espaços W3Schools ? Aqui você pode criar seu site do zero ou usar um modelo e hospedá-lo gratuitamente.
Comece gratuitamente ❯* não é necessário cartão de crédito