CSS stretch elements to fit container height

Question

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

Answer 1

Include one line inside the block of stylesheets for li

height: 25%;

Answer 2

ul { display: table;}
li { display: table-row;}