Div centralizada na página


Vamos aprender a 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 clique aqui.

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 */
}
html:







Comentários

Copyright © 2018 Anderson Bravo
www.andersonbravo.com.br
anderson@andersonbravo.com.br