html - How to positioning an image between two div -


I have to position an image between the bottom of the two div, like each other:

example

The code for this example is:

 < Code> & lt; Div style = "background: blue; width: 500px; height: 150px; overflow: hidden;" & Gt; & Lt; Div style = "background: red; width: 500px; height: 100px; margin-top: 20px;" & Gt; // Does the image go here? & Lt; / Div & gt; & Lt; / Div & gt;   

I know that with full status, I can make that image a status .. but I do not like the situation like this .. Is there any other way? Thanks!

full CSS sample

     

Comments

Popular posts from this blog

java - NullPointerException for a 2d Array -

python - Assemble mpeg file unable to play in mediaplayer -

c# - NameSpace Manager or XsltContent to parse aspx page -