Con i CSS è possibile visualizzare in verticale la didascalia di un'immagine.
Partiamo dalla seguente marcatura:
<figure class="image">
<img src="http://lorempixel.com/g/400/400/" alt="" />
<figcaption>Lorem ipsum</figcaption>
</figure>
Avremo i seguenti stili:
.image {
margin: 1em auto;
position: relative;
max-width: 400px;
}
.image figcaption {
position: absolute;
top: 50%;
left: -4em;
transform: rotate(-90deg);
margin-top: -2em;
font-weight: bold;
}