<table> <tr> <td> Nous sommes plusieurs lignes centrées verticalement dans une véritable cellule de tableau. </td> </tr> </table> <div class="center-table"> <p>Nous sommes plusieurs lignes centrées verticalement dans une mise en page de type tableau crée àavec du CSS.</p> </div>
body { background: #3e58aa; font-size: 80%; } table { background: white; width: 240px; border-collapse: separate; margin: 20px; height: 250px; } table td { background: #CCDCCD; color: #3e58aa; padding: 20px; border: 10px solid white; /* default is vertical-align: middle; */ } .center-table { display: table; height: 250px; background: white; width: 240px; margin: 20px; } .center-table p { display: table-cell; margin: 0; background: #CCDCCD; color: #3e58aa; padding: 20px; border: 10px solid white; vertical-align: middle; }