<li> will not take 100% height of the parent <ul>
问题 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.