Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17547
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como centralizar div ou tabela no meio da página usando CSS

29-04-2015 06:02

Nesse post vou mostrar como colocar uma tabela ou div centralizada no centro do documento.
Pode centralizar uma div dentro de outra div ou tabela dentro de outra tabela, a regra é a mesma.
Para fazer isso é bem simples, basta usar o margin-left e o margin-right com valor 0.
Essa regra para centralizar o elemento funciona na maioria dos navegadores.

<style> .centralizar{ margin-left: auto; margin-right: auto; } </style> <!-- DIV CENTRALIZADA INDEPENDENTE //--> <div class="centralizar" style="width:100px">meu texto 1<br />texto 2</div> <!-- DIV CENTRALIZADA EM OUTRA DIV DE CEM POR CENTO //--> <div style="width:100%"> <div class="centralizar" style="width:100px">meu texto 1<br />texto 2</div> </div> <!-- TABELA CENTRALIZADA NO DOCUMENTO //--> <table class="centralizar" style="width:100px"> <tr> <td>meu texto 1<br />texto 2</td> </tr> </table>

15
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado