Rotated Text | Bottom Right Corner

by Ken Watanabe

HTML

<div class="sidenote-position">
  <div class="sidenote-rotate">
    <span style="padding-right:30px;">THIS WEBSITE IS A WORK IN PROGRESS</span>
  </div>
</div>

CSS

.sidenote-position {
  position: absolute;
  bottom:10px;
  right:40px;
}

.sidenote-rotate {
  transform: rotate(90deg);
  transform-origin: right bottom;
  text-align: right;
}