How do I rotate individual letters and keep them flowing left-to-right?

Question

I am trying to get a string with each individual letter rotated 90 degrees; however, I want to keep the \"flow\" of letters going left-to-right, not vertical. I also want to

Answer 1

Pure CSS:

    ABC
​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

.letters {
    height:8px;
    line-height:16px;
    border-bottom:1px solid green;
    position:relative;
}
.letters > span {
    float:left;
    -webkit-transform: rotate(-90deg);
}​

Demo