Cacher is the code snippet organizer for pro developers

<p class="text">Vertical Text</p>

.text {
  background: lightblue;
  font-family: Arial;
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0 50px;
  position: absolute;
  right: 100%;
  text-transform: uppercase;
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: right top;
  transform-origin: right top;
  white-space: nowrap;
}

// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----

.text {
  background: lightblue;
  font-family: Arial;
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0 50px;
  position: absolute;
  right: 100%;
  text-transform: uppercase;
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: right top;
	transform-origin: right top;
	white-space: nowrap;
}

<p class="text">Vertical Text</p>