[DUDA] Titulo flotante y desfasado a un lado - Como puedo hacerlo?

[pzin]

Es algo bastante simple de hacer.

Realmente el único problema que no sabrías resolver es el de sacar ese título fuera de su contenedor y que esté encima de la foto.

Para hacer superponer elementos, hay varias formas. En tu caso tendrías que darle a la caja del título, que vamos a suponer que es un h1, una posición absoluta, así puedes colocarlo encima de esa imagen.
Luego tendrías que poner la caja de la noticia con una posición relativa, así se crea una especie de contención para la posición absoluta del h1. Y en ese h1 indicas por ejemplo left: -20px y ya se un poco salido de ese contenedor.

Por ejmplo:

Código HTML:

<div class="noticia">
  <h1>Hola</h1>
</div>
 

Código CSS:

div.noticia {
  position: relative;
}
 
h1 {
  position: absolute;
  left: -20px;
}
 

Puse aquí un ejemplo que se asemeja más al ejemplo que pusiste: http://codepen.io/pzin/pen/tBgyd