[ Voltar ] [ Índice ] [ Avançar ]
Colocando a tabela na esquerda, na direita ou centralizada
Para posicionar a tabela ou mesmo textos você pode usar a tag <div>. Sua sintaxe é:
<div align="POSIÇÃO">
TABELA ou TEXTO
</div>
onde POSIÇÃO pode assumir os seguintes valores:
left para esquerda
center para centralizar
right para direita
Exemplo:
<html>
<head>
<title>Alinhando tabelas</title>
</head>
<body>
<h1 align="center">Alinhando tabelas</h1>
<!-- O alinhamento na esquerda já é o padrão, então não
vou fazer nada -->
<table border="1">
<tr>
<td>Célula 1</td>
<td>Célula 2</td>
</tr>
</table>
<br><br>
<!-- Centralizando a tabela -->
<div align="center">
<table border="1">
<tr>
<td>Célula 1</td>
<td>Célula 2</td>
</tr>
</table>
</div>
<br><br>
<!-- Colocando a tabela na direita -->
<div align="right">
<table border="1">
<tr>
<td>Célula 1</td>
<td>Célula 2</td>
</tr>
</table>
</div>
</body>
</html>