0

I need to write vertical text. I just want the text to look like one below other.

Required Output:

A

P

P

L

E

I cannot use rotate property. And I dont want to modify my html. What could be the best way? Please help!

Thanks!

skshoyeb
  • 993
  • 4
  • 11
user3178594
  • 33
  • 3
  • 1
    What if you made the width of the element that contains this text the size of a single letter, so that each letter were wrapped to the next line. Use `word-wrap:break-word`. – crush Jan 09 '14 at 18:09

1 Answers1

5

I think this is what you need.

HTML:

<p class="vertical-text">ABCD</p>

CSS:

.vertical-text{
    word-wrap: break-word;
    width: 0;  
}
skshoyeb
  • 993
  • 4
  • 11
  • Oops, I thought about word-wrap for a while too.. but i couldn't think of making the width zero to wrap it letter wise.. thank you! – user3178594 Jan 09 '14 at 18:11