Buat ketinggian seragam untuk jadual sebelah menyebelah dalam HTML CSS

Question

Saya mempunyai dua atau lebih jadual berbeza yang dijana oleh gelung php. Saya mahu kesemuanya mempunyai ketinggian

item yang sama untuk setiap jadual dengan teks yang berbeza:

<div class="table-1">
  <ul>
    <li>teks pendek1</li>
    <li>teks pendek1</li>
    <li>teks panjang1 teks panjang1 teks panjang1 teks panjang1 teks panjang1 teks panjang1 </li>
    <li>teks pendek1</li>
  </ul>
</div>
<div class="table-2">
  <ul>
    <li>teks pendek2</li>
    <li>teks panjang2 teks panjang2 teks panjang2 teks panjang2 teks panjang2 teks panjang2 </li>
    <li>teks pendek2</li>
    <li>teks pendek2</li>
    <li>teks pendek2</li>
  </ul>
</div>

Answer 1

Tidak pasti sama ada ini yang anda mahukan tetapi anda boleh menetapkan ketinggian semua item li dengan mudah dengan menambahkan li {height: 40px} dalam CSS

Atau lihat contoh https://codepen.io/oldskool123/pen /poQqxVK