Skip to main content
added 63 characters in body
Fonte Link
Kenny Rafael
  • 6,7mil
  • 3
  • 31
  • 60

Aqui uma forma:

[EXEMPLO][1]

HTML:

<div>
  Este div está no centro!
</div>
<div>
  Este div está no centro!
</div>

CSS:

div {
  width: 200px;
  height: 200px;
  margin-left: -100px; /* metade da largura */
  margin-top: -100px; /* metade da altura */
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid red;
}
div {
  width: 200px;
  height: 200px;
  margin-left: -100px; /* metade da largura */
  margin-top: -100px; /* metade da altura */
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid red;
}

Fonte: http://tableless.com.br/centralizando-um-objeto-na-horizontal-e-vertical-com-css/ [1]: http://jsfiddle.net/tableless/dNjCK/light/

Aqui uma forma:

[EXEMPLO][1]

HTML:

<div>
  Este div está no centro!
</div>

CSS:

div {
  width: 200px;
  height: 200px;
  margin-left: -100px; /* metade da largura */
  margin-top: -100px; /* metade da altura */
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid red;
}

Fonte: http://tableless.com.br/centralizando-um-objeto-na-horizontal-e-vertical-com-css/ [1]: http://jsfiddle.net/tableless/dNjCK/light/

Aqui uma forma:

[EXEMPLO][1]

HTML:

<div>
  Este div está no centro!
</div>

CSS:

div {
  width: 200px;
  height: 200px;
  margin-left: -100px; /* metade da largura */
  margin-top: -100px; /* metade da altura */
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid red;
}

Fonte: http://tableless.com.br/centralizando-um-objeto-na-horizontal-e-vertical-com-css/ [1]: http://jsfiddle.net/tableless/dNjCK/light/

Fonte Link
Jefferson Alison
  • 4mil
  • 7
  • 29
  • 52

Aqui uma forma:

[EXEMPLO][1]

HTML:

<div>
  Este div está no centro!
</div>

CSS:

div {
  width: 200px;
  height: 200px;
  margin-left: -100px; /* metade da largura */
  margin-top: -100px; /* metade da altura */
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid red;
}

Fonte: http://tableless.com.br/centralizando-um-objeto-na-horizontal-e-vertical-com-css/ [1]: http://jsfiddle.net/tableless/dNjCK/light/