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