Как расширить элементы списка до ширины родителя

Question

Мне нужно развернуть каждое изображение до ширины родительского элемента li. Изображения должны быть в 2 строках, и обе строки должны быть расширены до ширины родительской ul, чтобы заполнить всю ширину страницы в разделе # кухни здесь http://www.recipes.cc.ua/. this is the mockup

Answer 1

Я добавил следующие свойства к вашему CSS:

ul.cuisine_list { 
    display: inline-block; 
} 
ul.cuisine_listitem { 
    text-align: center; 
    width: 20%; 
    float: left; 
} 
ul.cuisine_listitem p { 
    left: 5%; 
}