J'ai le code HTML suivant
title 1
title 2
button1 abcd button2
+----------------------------+
| col1 | col2 | col3 |
+----------------------------+
| val1 | val2 | val3 |
+----------------------------+
Je voudrais ajouter css à ce qui suit pour centrer l'alignement sur la page dans le format suivant
<body>
<h3>Title 1</h3>
<h3>Title 2</h3>
<div>
<a href="ref1">
<button type="button">Button 1</button>
</a>
<span> abcd </span>
<a href="ref2">
<button type="button">Button 2</button>
</a>
</div>
<div>
<table>
<tr>
<th>Col1</th>
<th>Col2</th>
<th>Col3</th>
</tr>
<tr>
<td>value1</td>
<td>value2</td>
<td>value3</td>
</tr>
</table>
</div>
</body>Le tableau et les titres doivent être au centre de page. Et les 2 boutons avec le bouton pression devraient être dans la même ligne avec le centre aligné. Comment puis-je y parvenir?
4 Réponses :
Utilisez la grille CSS pour cela Et pourquoi vous utilisez une table pour cela?
Appliquer le style suivant à la balise body affichage: flex; justify-content: center;
Ajoutez le style suivant à la balise body en haut du code HTML.
<body>
<center>
<h3>Title 1</h3>
<h3>Title 2</h3>
<div >
<a href="ref1">
<button type="button" >Button 1</button>
</a>
<span> abcd </span>
<a href="ref2">
<button type="button" >Button 2</button>
</a>
</div>
<div >
<table >
<tr>
<th>Col1</th>
<th>Col2</th>
<th>Col3</th>
</tr>
<tr>
<td>value1</td>
<td>value2</td>
<td>value3</td>
</tr>
</table>
</div>
</center>
</body>
Utilisation de la balise HTML center pour aligner tout le contenu de votre corps au centre.