JSFiddle - React, Tailwind, and code Playground

by Ryan Brewer

HTML

<div><p>Some text</p>
    
    <img class="caption" src="http://lorempixel.com/g/400/300/cats/" />
    
    <div class="image-copyright"><small>&copy; Mickey Mouse the Magnificent</small>

    </div>
</div>

CSS

.image-copyright {
    display:inline-block;
    float: left;
    transform: rotate(-90deg);
    transform-origin:100% 100%;
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    -ms-transform-origin:100% 100%;
    /* IE 9 */
    -webkit-transform:rotate(-90deg);
    -webkit-transform-origin: 100% 100%;
    color: gray;
    margin-left: -160px;
}
.caption {
    float: left;
    display: inline;
    
}