Como centralizar uma mesa em html?

Como centralizar uma mesa em html?
No HTML, uma tabela desempenha um papel importante na organização de dados. A tabela usa uma combinação de linhas e colunas para armazenar dados. Ele permite que o desenvolvedor organize a pilha de dados não organizados em linhas e colunas.

Em html,

A tag é usada para a criação de uma tabela. Dentro desta tag e















Tags são usadas para criar as linhas e colunas de uma tabela. HTML nos permite formatar a tabela com a ajuda das propriedades CSS. Neste post, demonstramos o caminho para centralizar uma tabela em html.

Como centralizar uma mesa em html?

No HTML, as tabelas são usadas principalmente para melhorar a legibilidade e a estética do conteúdo. O exemplo prático a seguir mostra o processo de uma criação de tabela junto com o processo de mantê -lo no centro.

Html




Primeiro documento




Tabela simples


Border = "1">
NomesNotas
AliceA
JhonC
AlexB



Neste código, criamos uma tabela simples com a ajuda de

, , e
Tag. Dentro de tag, três propriedades CSS são usadas. O valor para ambos margem-esquerda e Margem-direita é automático enquanto o valor de alinhamento de texto está definido para o centro.

Saída

A saída mostra claramente que a tabela está centrada com sucesso com a ajuda das propriedades da margem CSS.

É isso! Você aprendeu a centrar a mesa com a ajuda das propriedades do CSS.

Conclusão

No HTML, podemos centralizar a tabela aplicando as propriedades CSS margin-esquerda, margem-direita e definir seus valores como automóvel. Isso adicionará a margem no lado esquerdo e direito da tabela igualmente, que alinhará a tabela no centro da página HTML. Além disso, você pode usar a propriedade de alinhamento de texto para centralizar o conteúdo da tabela. Todas essas propriedades são aplicadas em um código HTML para centralizar uma tabela em html.