title: How to position figcaption vertical right from figure?
body: <p>I have a figure with a figcaption. I would like to position the figcaption beside the figure img, like the image below. </p>
  
  <p>I already tried things like transform <code>rotate</code> and <code>origin</code>, but seems like the problem is that it not fit the new height/width of the parent object. </p>
  
  <p><a href="http://codepen.io/Caspert/pen/eWEvvL" rel="nofollow noreferrer">http://codepen.io/Caspert/pen/eWEvvL</a></p>
  
  <p><a href="https://i.stack.imgur.com/X4bxJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/X4bxJ.png" alt="enter image description here"></a></p>