photo & title

by Annett

HTML

<div id="wrap">
    <div class="box">
      <div class="innerContent">  
<img src="http://netstorage.metrolyrics.com/blog/wp-content/uploads/2013/02/WhitneyHoustonImage-350x217.jpg"><h5><span>Jesse J</span></h5>      </div>
    </div>
    <div class="box">
      <div class="innerContent"><img src="http://netstorage.metrolyrics.com/blog/wp-content/uploads/2013/02/WhitneyHoustonImage-350x217.jpg"><h5><span>Amy Winehouse</h5></span></div>
    </div>
    <div class="box">
      <div class="innerContent"><img src="http://netstorage.metrolyrics.com/blog/wp-content/uploads/2013/02/WhitneyHoustonImage-350x217.jpg"><h5><span>Bruno Mars</h5></span></div>
    </div>
    <div class="box">
      <div class="innerContent"><img src="http://netstorage.metrolyrics.com/blog/wp-content/uploads/2013/02/WhitneyHoustonImage-350x217.jpg"><h5><span>Beyonce</h5></span></div>
    </div>
    <div class="box">
      <div class="innerContent"><img src="http://netstorage.metrolyrics.com/blog/wp-content/uploads/2013/02/WhitneyHoustonImage-350x217.jpg"><h5><span>Florence & The Machine</h5></span>      </div>
    </div>
    <div class="box">
      <div class="innerContent"><img src="http://netstorage.metrolyrics.com/blog/wp-content/uploads/2013/02/WhitneyHoustonImage-350x217.jpg"><h5><span>Duffy</h5></span></div>
    </div>
  </div>

CSS

#wrap {
      overflow: hidden;
    }
    .box {
      width: 50%;
      padding-bottom: 50%;
      color: #FFF;
      position: relative;
      float: left;
    }
    .innerContent {
      position: absolute;
      left: 1px;
      right: 1px;
      top: 1px;
      bottom: 1px;
      background: #66F;
      padding: 10px;
    }



.image { 
   position: relative; 
   margin-bottom:5px;
   background-color: red;
   width: 100%; /* for IE 6 */
}

h5 { 
   position: absolute; 
   top: 180px; 
   left: 0; 
   width: 100%; 
}

h5 span { 
   color: white; 
   font: bold 24px/45px Helvetica, Sans-Serif; 
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px; 
}