Код

<figure class="ink-image">
    <figcaption>
      Подпись размещается вверху перед изображением.
    </figcaption>
    <img src="img/img-1.jpg">
</figure>


CSS

/* группируем картинки */
figure {
    margin: 0px;
}
/* position: relative; обязательно, остальное по вкусу */
figure.ink-image {
    position: relative;
    border: 1px solid #555;
}
/* изображения резиновые */
figure.ink-image > img {
    border: 0px none;
    width: 100%;
    vertical-align: top;
}
/* формируем подписи к картинкам */
figure.ink-image > figcaption {
    padding: 1em;
    background: none repeat scroll 0% 0% #FFF;
    line-height: 1.3;
    font-family: 'Roboto', sans-serif;  
    font-weight: 400;
}