Generated by SassMeister.com.
<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>