Edit in JSFiddle

<figure>
<img src="http://demosthenes.info/assets/images/wotan.jpg.pagespeed.ce.B6Kz1obz6B.jpg" alt>
<figcaption>Wotan, by Konstantin Vasilyev (1942 - 1976)</figcaption>
</figure>
    
    <p>авно выяснено, что при оценке дизайна и композиции читаемый текст мешает сосредоточиться. Lorem Ipsum используют потому, что тот обеспечивает более или менее стандартное заполнение шаблона, а также реальное распределение букв и пробелов в абзацах, которое не получается при простой дубликации "Здесь ваш текст.. Здесь ваш текст.. Здесь ваш текст.." Многие программы электронной вёрстки и редакторы HTML используют Lorem Ipsum в качестве текста по умолчанию, так что поиск по ключевым словам "lorem ipsum" сразу показывает, как много веб-страниц всё ещё дожидаются своего настоящего рождения. За прошедшие годы текст Lorem Ipsum получил много версий. Некоторые версии появились по ошибке, некоторые - намеренно (например, юмористические варианты).</p>

figure {
    margin: 0;
    width: max-content;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777), color-stop(0.5, #222), to(#777));
    background-image: -webkit-linear-gradient(#777, #222, #777);
    background-image: -moz-linear-gradient(#777, #222, #777);
    background-image: -o-linear-gradient(#777, #222, #777);
    background-image: linear-gradient(#777, #222, #777);
    padding-top: 15px;
    float:left
}

figcaption {
    font-size: 1.4rem; margin-top: 1rem;
    background: #ccc; padding: 8px;
    text-align: center;
}

figure img { display: block; margin: 0 auto; }