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

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

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

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

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

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

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

div {
height: 100vh;
}

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