En plaçant une table des matières dans un tableau, en cas de grossissement, il y n'a pas de retour à la ligne. La cellule adapte sa largeur au contenu. |
En plaçant une table des matières dans une <div>,
en cas de grossissement, il y a de retour à la ligne.
Le centrage d'une <div> au milieu de la page exige que la <div> ait une largeur fixe => en cas de grossissement, le contenu grossit tout en restant dans la largeur fixée => retour à la ligne.
Code HTML du tableau (cellule unique) :
<table class="sommaire"> <tr> <td> ... </td> </tr> </table>
Code CSS :
.sommaire{background-color: white; border: 1px solid black; padding: 0px 8px; margin: 0 auto}