CSS stretch elements to fit container height

2.9k Views Asked by At

Demo - how to stretch li elements to parent container height, so they fit all in ul with appropriate height? I need smth like that:

expected result

2

There are 2 best solutions below

5
On BEST ANSWER
ul { display: table;}
li { display: table-row;}
1
On

Include one line inside the block of stylesheets for li

height: 25%;