Search code examples
csslineextra

multiple line-heights without extra css class

Is there a way to have multiple line heights in an unordered list? See the example below, the normal li's have a line height of 25px, but as soon as the sentence gets too long it will split in the same line height as defined before.

http://i46.tinypic.com/w1pdhi.jpg

I would like to have a line height of 16px once the sentence gets too long, without having to give an extra CSS class to the li.

Thanks in advance!

Solution

  • give the same normal line-height to every list-item and apply a margin-bottom to them to create room between each other

    Jsbin example