Hoi,
Ik heb onderstaande ul (even heel basic) en in elk list-item staat een div met content. Omdat de content per div verschilt, worden de divs dus ook verschillend in hoogte. Hoe kan ik ervoor zorgen dat de drie divs dezelfde hoogte krijgen?
De mogelijkheid met Flexbox heb ik al bekeken, maar ben er niet in geslaagd om dat werkend te krijgen omdat de divs niet dezelfde parents hebben.
Iemand een suggestie? Liever geen JS, maar flexbox hoeft ook niet. Ook de constructie met de ul is niet heilig. De hoogte moet wel automatisch wijzigen zodra de content aangepast wordt.
Ik heb onderstaande ul (even heel basic) en in elk list-item staat een div met content. Omdat de content per div verschilt, worden de divs dus ook verschillend in hoogte. Hoe kan ik ervoor zorgen dat de drie divs dezelfde hoogte krijgen?
De mogelijkheid met Flexbox heb ik al bekeken, maar ben er niet in geslaagd om dat werkend te krijgen omdat de divs niet dezelfde parents hebben.
Iemand een suggestie? Liever geen JS, maar flexbox hoeft ook niet. Ook de constructie met de ul is niet heilig. De hoogte moet wel automatisch wijzigen zodra de content aangepast wordt.
Code:
<ul class="test">
<li><div>tekst</div></li>
<li><div>tekst<br />nog meer tekst</div></li>
<li><div>tekst</div></li>
</ul>