Green

Vertical Text in CSS

Here's a quick example of how to make text flow vertically, rather than horizontally, as in table headings. I've kept the CSS inline, so it's all there when you view the source.
All it does is apply an HTML tag to each letter, and then style that tag to display block, which causes each letter to stack on top of the other.

«2 CommentsOctober 15, MMIV»

Reader Comments

Comment Form

Name:

Email:

URL (optional):

What colour is an orange?:

Comment (comments use Textile formatting):

About This

You've arrived at the homepage of Stephen Stewart. The archive is available here for those who want it. This site is happily hosted by Dreamhost. Click for more?

Recent Comments

• Cybez on One's too many an' a hundred's not enough
• Nelly on One's too many an' a hundred's not enough
• adele on And the sky was made black with unescaped entities
• adele on And the sky was made black with unescaped entities
• sharon on Fifteens
• Nelly on Mother is it just a waste of time?
• Stephen on Mother is it just a waste of time?

links to other people's sites

Recommended Viewing

• 300†
  Does exactly what it says on the (comic book) tin. Loved it.
• Little Miss Sunshine†
  Very funny, disturbing (the beauty pageant) and completely messed up -- but in a good way.
• Laputa: Castle in the Sky†
  Story great, characterization a little on the weak side -- though the big robots are cool.
• Porco Rosso†
  Stylish, funny, exciting.
• Grave of the Fireflies†
  Very sad, which was a little unexpected since I didn't know much about it before watching it. Can be a little too slow in places though, otherwise it's very good.
• Nausicaä of the Valley of the Wind†
  The story can get a little dense at times what with the various factions, but still really enjoyable, inventive and engaging.
• X-Men: The Last Stand†
  Opportunity, talent, money - all blown. Over 3 films X-Men has hinted of something great that could have been, this last one says "No, sorry - not going to happen". Bah.

flickr.com