•  

    Slider
    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;
        }