Era mais ou menos assim que você queria?
//Divisória (sei que você não queria, mas tem que ser assim pra funcionar kk)
<div class="image">
<img src="http://blogdoprisco.com.br/wp-content/uploads/2015/07/dilma-rousseff-laguna.jpg" alt="" />
<h2><span>A melhor presidente do mundo:<span class='spacer'></span><br /><span class='spacer'></span>Dilma Rouseff</span></h2>
</div>
Logo abaixo se encontra o CSS:
.image {
position: relative;
width: 100%; /* for IE 6 */
}
h2 {
position: absolute;
top: 350px;
left: 0;
width: 100%;
}
h2 span {
color: white;
font: bold 24px/45px Helvetica, Sans-Serif;
letter-spacing: -1px;
background: rgb(0, 0, 0); /* fallback color */
background: rgba(0, 0, 0, 0.7);
padding: 10px;
}
Ficando assim a imagem: