.text-vertical {
  display: inline-block;
  overflow: hidden;
  width: 1.8em;
  text-align: left;
}
.text-vertical > div {
  display: inline-block;
  white-space: nowrap;
  line-height: 1.5;
  -ms-transform: translate(0, 100%) rotate(-90deg);
  -webkit-transform: translate(0, 100%) rotate(-90deg);
  transform: translate(0, 100%) rotate(-90deg);
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.text-vertical > div:after {
  content: "";
  display: block;
  margin: 6em 0 100%;
}