Выровнять ul li по родительскому блоку

[UhWhat]

Добрый вечер всем, подскажите пожалуйста, как выровнять li в нутри блока div по всей высоте и ширине? что б они друг под другом были.
Никак не хотят выстраиваться блин=)

Примерно такая конструкция:

<div>
    <ul>
        <li>11111111111111</li>
        <li>2222222222</li>
        <li>3333333333333</li>
        <li>4444444444</li>
    <ul>
</div>

Что б в независимости какая высота будет у дива, лишки занимали её всю .Как на картинки прикреплённой. Сорри за нубский вопрос такой но блин что то не выходит

[Alexander Belov]

UhWhat,
Почитайте внимательно про block, inline, inline-block и др.элементы. Как с ними работать. Там будут описаны свойства, в том числе и про отображение на всю ширину / высоту.

P.S. Наверное, самый простой, но не универсальный способ.

div {
height: 100vh;
}

li {
height: calc(100vh / 4);
}

[ruslan_mart]

ul {
    display: table;
    height: 100%;
    table-layout: fixed;
    width: 100%;
}
ul li {
    display: table-row;
    vertical-align: middle;
}