CSS Vertical Text
Almost every HTML element we create is thought of in the frame of horizontal. We pay much more attention to widths than we do heights, especially when it comes to text within them. Sometimes we do, however, want to display element text in a vertical fashion. In the old days of crippled Internet Explorers, this was mostly a losing battle. These days, however, vertical text is a breeze. Here's how to do it!
Vertical text is accomplished easily these days with CSS transforms:
transform-origin: left top 0;
Depending on which direction you'd like the text to display vertically, the rotation will be different, but it's that rotate value which will make the text vertical. Here's a helpful tip:
Floating the element will essentially emulate an auto width!
CSS transforms make loads possible, and are much more powerful than simply turning text vertical, but with the code provided above, the job is done. Isn't progress grand?
Your early CSS books were instrumental in pushing my love for front end technologies. What was it about CSS that you fell in love with and drove you to write about it?
At first blush, it was the simplicity of it as compared to the table-and-spacer...
It's important to construct your websites in a fashion that lends well to print. I use a page-break CSS class on my websites to tell the browser to insert a page break at strategic points on the page. During the development of my...
Navigation menus are traditionally boring, right? Most of the time the navigation menu consists of some imagery with a corresponding mouseover image. Where's the originality? I've created a fancy navigation menu that highlights navigation items and creates a chain effect.
Just some simple...