Centralizar elemento verticalmente usando CSS

Centralizar elementos com css nunca foi tão fácil

Para centralizar elementos na vertical ficou bem simple com css utilizando a propriedade display você faz isso em segundos, bem, para que todos os elementos sejam centralizados na vertical basta definir o display do elemento pai para: display: table; Ja no elemento filho deve definir o display para: display: table-cell; vertical-align: middle; text-align: center; O vertical-align vai centralizar na vertical e o text-align vai centralizar na horizontal.

Agora vamos ver um exemplo prático.

Exemplo de codificação!

Veja mais em Abimael Andrade.


795 0 3