[Solved] Aligning child div to bottom of parent [closed]

by


I’ve made a Demo as per the image.

—-Below is the CSS Code—-

#main{background:url("http://lorempixel.com/500/500");
  width:500px;
 height:500px;
  position:relative;
  }
#main:after{
   content: "12.49 EURO";
  z-index:1;
  position:absolute;
  bottom:0;
  height:50px;
  width:100%;
  font-size:2em;
  color:#000000;
  background-color:rgba(255, 255, 255, 0.5)
}

—HTML code look like —-

<div id="main"> </div>

Here is the Working Demo. http://jsbin.com/duhicoqo/1/

2

solved Aligning child div to bottom of parent [closed]