Ver Mensaje Individual
  #5 (permalink)  
Antiguo 27/09/2015, 19:54
Avatar de AngelKrak
AngelKrak
 
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 10 años, 1 mes
Puntos: 91
Respuesta: Forma de titular

mira amigo, un ejemplo ;)

Código HTML:
Ver original
  1. <div id="pst">
  2.   <div><img src="//lorempixel.com/300/180" /><span>Texto, Texto, Texto y mas Texto<br>Texto, Texto y mas Texto</span>
  3.     <p>27 Septiembre, 2015</p>
  4.   </div>
  5. </div>

Código CSS:
Ver original
  1. #pst {
  2.   width: 120px;
  3. }
  4.  
  5. #pst div span {
  6.   position: absolute;
  7.   top: 15vh;
  8.   left: 2vw;
  9.   font-size: 1.3em;
  10.   color: #fff;
  11. }
  12.  
  13. #pst div p {
  14.   position: absolute;
  15.   top: 22vh;
  16.   left: 2vw;
  17.   padding-left: 15px;
  18.   background: url(http://cs.angelkrak.hol.es/archivos/clock104.png);
  19.   background-repeat: no-repeat;
  20.   background-size: 12px;
  21.   font-size: .8em;
  22.   color: #ddd;
  23. }

Demo:
http://codepen.io/AngelKrak/pen/ZbBrex