html - valign="bottom" with CSS -

वर्तमान में एक unordered सूची में छवियों की एक सूची है।

  & lt; ul id = "प्रायोजक" & gt; & lt; li & gt; & lt; img src = ... / & gt; & lt; / li & gt; & Lt; li & gt; & lt; आईएमजी src = ... / & gt; & lt; / li & gt; & lt; li & gt; & lt; आईएमजी src = ... / & gt; & lt; / li & gt; & Lt; / ul & gt;   
 ली टैग के लिए सीएसएस निम्नानुसार हैं:  
  float: left; मार्जिन: 2px 4px; पैडिंग: 0   
 मेरी छवियों में विभिन्न ऊंचाइयों के कारण, मैं उन्हें नीचे तल पर गठबंधन करना चाहता हूं। मैं समझता हूं कि यह आसानी से एक मेज के साथ प्राप्त किया जा सकता है और   valign = "bottom"   मैं आईजीजी टैग और ली टैग पर   ऊर्ध्वाधर-संरेखित करें: नीचे   के साथ खेल रहा हूं, लेकिन प्रयासों को छवियों को नीचे तक संरेखित करने में प्रतीत नहीं होता है।  
 मैं ऐसा करने के बारे में कैसे जा सकता हूं?   
 
 
 आप  इनलाइन-ब्लॉक < / Code> के बजाय  li  तत्वों को स्थानांतरित करने के लिए:  
  li {display: inline-block; मार्जिन: 2px 4px; पैडिंग: 0; }   
 यह मानता है कि  li img  में डिफ़ॉल्ट  लंबवत-संरेखित  मान  आधारभूत  है। इसे jsfiddle पर देखें: