centre de table en HTML

Comment puis-je centre le table dans un div à l'aide de html?

J'ai placé mon contenu à l'intérieur d'un div et la balise de définir la text-align attribut center comme suit.

text-align: center;

Cela n'a pas fonctionné.

Ci-dessous mon code html.

<html>
    <body>
        <div style="text-align:center">
            <p>
    text test
            </p>
            <table border="1">
                <tr>
                    <td>100</td>
                    <td>200</td>
                    <td>300</td>
                </tr>
                <tr>
                    <td>400</td>
                    <td>500</td>
                    <td>600</td>
                </tr>
            </table>
        </div>
    </body>
</html>

OriginalL'auteur R.S | 2012-11-20

  1. 24

    Donner la largeur de la table, et de définir la marge de l'auto à l'horizontale.

    table {
  width:500px;
  margin: 10px auto;
}
    thaaaaaaaaaaanks. il fonctionne <3 merci :*

    OriginalL'auteur Kalpesh Patel

  2. 7

    Essayer de le ci-dessous

    <table style="margin:0px auto; width:500px">
    merci man 😡 il fonctionne
    vous devez marquer le présent ou l'autre réponse, comme acceptées si elles à la fois de résoudre votre problème

    OriginalL'auteur Murali Murugesan

  3. 3
    <div style="text-align:center">    
   <table style="display: inline-table;">    
   </table>
</div>

    OriginalL'auteur Sergio Ramirez

  4. 1

    Modifier la balise table comme ci-dessous

     <table border="1" align="center">

    et de vérifier ensuite.

    oh c'est le meilleur... merci youuuuuuu
    align de la balise est obsolète, veuillez utiliser les méthodes ci-dessus @R. S

    OriginalL'auteur svk

  5. 1
    <html>
<body>
<div style="text-align:center">
<p>
    text test
</p>
<table border="1" style="margin: 0 auto;">
<tr>
    <td>100</td>
    <td>200</td>
    <td>300</td>
</tr>
<tr>
    <td>400</td>
    <td>500</td>
    <td>600</td>
</tr>
</table>
</div>
</body>
</html>

    OriginalL'auteur Maxim Pechenin

  6. 0

    Au lieu de <div style="text-align:center"> vous pouvez écrire <div style="width:600px;margin:0 auto">

    Ce qui vous donne une div avec la largeur de 600 pixels et des centres de la div dans l'élément parent.

    OriginalL'auteur hellozimi

  7. 0

    Ajouter margin: 0px auto à votre table tag

    OriginalL'auteur Cdeez

  8. 0

    vous pouvez mettre le style dans le tableau 

    <table border="1" style="margin:0 auto;">

    Cependant, je ne vous suggère d'utiliser une feuille de style et non des styles en ligne

    OriginalL'auteur Claudio Carta