I have a <ul>
with several <li>
items in it all in a single row. The <li>
has a nested <span>
and an <img>
. The <img>
height is all the same across all items. But the <span>
items contain text which can span on a single line or two lines (depends on text).
I have tried appying display:block
, float:left
, height:100%
, and few other suggestions I found, but the shorter <li>
items will not take the same height as the taller <li>
items. So I am left with a space below the shorter <li>
items.
Anyone has any suggestions on this?
height:150px
or whatever the max anticipated height will be? – Sablefoste Jun 26 '13 at 13:51