Как растянуть li по высоте?

Question

[Евгений]

Всем привет! Есть список, где строка имеет ширину и высоту. Как сделать чтобы при большом кол-ве текста, сам текст переносился, а строка растягивалась по высоте?
Вот наглядный пример jsfiddle.net/GxD3v
Если слишком длинный Адрес, то текст переносится и наезжает на следующую строку.

Answer 1

[Лана Корчагина]

.product-about-list__item {
min-height:30px;
}
Вместо height использование min-height не подойдет?

Comments

[Евгений]

@lanaluna спасибо) блин, неужели решение было настолько простое

Answer 2

[nowm]

Этот вопрос лучше архитектурно решать. Если вы вместо списка будете использовать таблицу для представления таких данных, то у вас автоматически решится куча вопросов с дизайном. И не нужно будет задавать кучу absolute/relative правил, и текст не будет на метки наезжать, и всё растягиваться будет нормально. Да и вообще, не нужно будет имитировать табличное представление — оно и так будет табличным.

И для тех же тегов «TD» вполне нормально можно «itemptop» прописывать.

Answer 3

[Иван Малышев]

word-wrap: break-word;

Answer 4

[kabr]

.product-about-list__item {height:auto; line-height:normal; padding:10px}
.col-address {margin-left:100px}