foto de Jaison Schmidt

Jaison Schmidt

icone facebookicone instagramicone Linkedinicone github
Fone: (54) 9 9977 66 48
E-mail: eu@jaison.com.br
Passo Fundo - RS
Voltar

Dica JavaScript - Como centralizar uma DIV usando CSS?

imagem principal do post Dica JavaScript - Como centralizar uma DIV usando CSS?

Vamos aprender como centralizar uma DIV utilizando a propriedade margin com CSS.

Perceba que a centralização é relativa ao elemento que estiver acima da DIV, ou seja, seu elemento pai.

O seguinte código já é suficiente para centralizar uma DIV que está abaixo do elemento BODY

<div style="width: 940px; display: block; border: 1px solid black; margin-left: auto; margin-right: auto;"></div></pre>

Eu sei, coloquei o código no style e o certo seria um arquivo CSS externo “bla bla bla” sei disso, o que importa aqui é o uso do margin-left e margin-right que centraliza a DIV, mas isso também depende do elemento pai do objeto.

Abraço!

Voltar