Créer une hauteur uniforme pour les tableaux côte à côte en HTML CSS

Question

J'ai au moins deux tables différentes générées par une boucle php ; je veux qu'elles aient toutes la même hauteur d'élément

pour chaque table avec un texte différent :

<div class="table-1">
  <ul>
    <li>texte court1</li>
    <li>texte court1</li>
    <li>texte long1 texte long1 texte long1 texte long1 texte long1 texte long1 </li>
    <li>texte court1</li>
  </ul>
</div>
<div class="table-2">
  <ul>
    <li>texte court2</li>
    <li>texte long2 texte long2 texte long2 texte long2 texte long2 texte long2 </li>
    <li>texte court2</li>
    <li>texte court2</li>
    <li>texte court2</li>
  </ul>
</div>

Answer 1

Je ne sais pas si c'est ce que vous voulez, mais vous pouvez facilement définir la hauteur de tous les éléments li en ajoutant li {height: 40px} en CSS

Ou voir l'exemple https://codepen.io/oldskool123/pen /poQqxVK