<li> mis-alignment depending on text

I am trying to have a horiztonal li elements create these card effects.However, it seems that the amount of text inside of them is throwing their alignment off (some higher than other). For example, the 3rd box has more text than the other 2 so it's placed higher than the others.\[code\]li { position: relative; display: inline-block; width: 282px; height: 368px; background: url("../img/comedians/comedian-card.png"); padding: 20px; margin: 10px;}\[/code\]How can I make them align irrespective of the text inside?http://f.cl.ly/items/2e2I2Z0x0g3M2D1o2F0t/stackoverflow.png
 
Back
Top