मैं div के नीचे एक छवि कैसे रखूं?

Question

मैं एक डीवी टैग के नीचे एक एचटीएमएल छवि फ्लश करना चाहता हूं। मुझे यह पूरा करने का कोई तरीका नहीं दिख रहा है।

<div class="span8"> 
    <img src="/img/play-shot1.jpg" class="text-center shadow"> 
</div> 

समस्या यह है कि div अन्य divs गद्दी या मार्जिन है कि भीतर नीडिंत है:

यहाँ मेरी HTML है।

Answer 1

रैपिंग div टैग के सापेक्ष स्थिति जोड़ कर बिल्कुल इस तरह यह भीतर चित्र को स्थान:

सीएसएस:

.div-wrapper { 
    position: relative; 
    height: 300px; 
    width: 300px; 
} 

.div-wrapper img { 
    position: absolute; 
    left: 0; 
    bottom: 0; 
} 

HTML:

<div class="div-wrapper"> 
    <img src="blah.png"/> 
</div> 

अब छवि पर बैठता है div के नीचे।