Como Centralizar Um Div

Índice:

Como Centralizar Um Div
Como Centralizar Um Div

Vídeo: Como Centralizar Um Div

Vídeo: Como Centralizar Um Div
Vídeo: Como centralizar uma DIV (HTML + CSS) 2024, Novembro
Anonim

Os padrões modernos de layout de página não proíbem o uso de layout de tabela, no entanto, o layout em camadas, de fato, se tornou um padrão obrigatório na criação de sites. Além das vantagens óbvias, a substituição do layout da mesa trouxe alguns novos grandes e pequenos problemas. Um deles é o alinhamento horizontal da estrutura do bloco na página. Vejamos algumas maneiras práticas de definir a camada no centro da largura da página.

Como centralizar um div
Como centralizar um div

Necessário

Conhecimento básico de HTML

Instruções

Passo 1

Uma das opções para resolver o problema de alinhamento de uma camada (bloco DIV) ao centro da janela de uma página aberta é contornada apenas por meio de HTML (HyperText Markup Language - "linguagem de marcação de hipertexto"). Você precisa colocar o bloco dentro da tag. O código de página mais simples, disposto desta forma, pode ter a seguinte aparência:

Alinhando um DIV ao centro

Passo 2

Outra opção usa CSS (Cascading Style Sheets). No estilo da camada alinhada, você precisa definir a autodetecção da quantidade de deslocamento das bordas da janela. O código dessa página em sua forma mais simples pode ser, por exemplo, assim:

Alinhando um DIV ao centro

Recomendado: