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}