JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>

CSS

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.wrap {
    display: inline-block;
    background: rebeccapurple;
    color:white;
    border:1px solid grey;
    padding: .25em;
    position: fixed;
    bottom:0;
    left: 0;
    transform-origin:top left;
    transform:translateY(100%) rotate(-90deg);
}