Como centralizar o conteúdo da página da web usando css

Você quer centrar o conteúdo do seu site para criar bordas iguais para a esquerda e direita, mas deseja que o texto permaneça justificado? Leia!

Passos

Exemplo de código CSS

Código CSS para conteúdo centrado

Apoio ao e Desbloquear todas as amostras.

Método 1 de 1:
Conteúdo da página da Web de centralização
  1. Imagem intitulada Center Página da Web Conteúdo usando CSS Passo 1
1. Open Notepad ou um aplicativo de edição de texto comparável.
  • Imagem intitulada do centro da página da página da Web usando o CSS Passo 2
    2. Criar o Esqueleto HTML básico do site.
  • Imagem intitulada do centro da página da página do centro usando o CSS Passo 3
    3. Dentro das tags adicione a seguinte definição de estilo.
  • Imagem intitulada do centro da página da página do centro usando o CSS Passo 4
    4. Dentro das tags adicione as seguintes tags div.


  • Imagem intitulada do centro da página da página da Web usando o CSS Passo 5
    5. Coloque qualquer conteúdo para o site entre os.
  • Imagem intitulada Center Página da Web Conteúdo usando CSS Passo 6
    6. Produto final:
  • Imagem intitulada Center Página da Web Conteúdo usando CSS Passo 7
    7. Salve seu arquivo com a extensão .htm ou .HTML e vocês estão todos.

    • Pontas

    Você pode adicionar fundo-cor: cor- para o corpo e códigos de estilo centrados. Se você usar cores diferentes para cada um, você pode criar bordas coloridas à esquerda e à direita.
  • Brinque com a largura até chegar ao visual desejado.
    • Compartilhe na rede social:
    Semelhante