Texto

Fuente -http://www.corelangs.com/css/box/float.html

<div class="box2">Slider</div>
<div class="box3">
<img src="http://sl.glitter-graphics.net/pub/2422/2422088qh0kylt7go.gif" 
alt="" width="20" height="16" />Texto</div>

CSS

.box1 {
  width:200px;
  height:100px;
  background-image: url('https://lh3.googleusercontent.com/-VrjACCpEwuc/V1_gToQADGI/AAAAAAAB-ko/SvwjNigL32IQFiUq99_Qj0eLvy5FPbDqACL0B/w426-h930/1.jpg');
  margin:0 auto;
  border-radius: 5px; 
  border: 1px dotted #9C9C9C; 
  box-shadow: 1px 1px 5px #666;
  position: relative;
  z-index: 2;
  bottom: -10px;
    }
.box2 {
  width:250px;
  height:100px;
  border-radius: 5px; 
  border: 1px dotted #9C9C9C; 
  box-shadow: 1px 1px 5px #666;
  background-color:red;
  position:relative;
  z-index:1 ;
  margin:0 auto;
  padding:10px;
    }
.box3 {
  background-image: url('https://lh3.googleusercontent.com/-VrjACCpEwuc/V1_gToQADGI/AAAAAAAB-ko/SvwjNigL32IQFiUq99_Qj0eLvy5FPbDqACL0B/w426-h930/1.jpg');
  height: 100px;
  border-radius: 5px; 
  border: 1px dotted #9C9C9C; 
  box-shadow: 1px 1px 5px #666;
  margin: 0 auto;
  position: relative;
  top: -10px;
  width:90%;
  z-index: 4;
    }