I have a vertical page label with various lengths, i.e. news, awards, publications. I would like the text to start at the same top point (if the text was horizontal it would be justified right) and go down from that point. I am having to use an inline style to push the text down to be n the correct location. I tried setting height and width to 500, which seems to work for alignment but pushes the div to the right way over.

```
.vert_text {
position: relative;
color: #fff;
text-transform: lowercase;
font-family: Arial;
font-size: 6em;
-webkit-transform: rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
float:left;
width:100px;
}

<div class="vert_text">
news
</div>
<div class="vert_text">
publications
</div>

```