Dica JavaScript - Como centralizar uma DIV usando CSS?

por jaison em 17/09/2015, 3:55 pm

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>

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!

Desenvolvido por Webb House