Tecnologia

Div centralizada na página

Neste exemplo vamos criar uma div centralizada no meio da página. Sua posição será sempre o centro da página, independente do resize da janela.

Para ver o exemplo funcionando clique aqui.


HTML:


‹div width="100%"›
	‹div id='centro'›
	‹/div›
‹/div›

CSS:


#centro {
   width: 300px;
   height: 300px;
   background: red;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -150px;	/* metade de height */
   margin-left: -150px;  /* metade de width */
}
2020 © B85 Tecnologia
eu@andersonbravo.com.br