|
Tutorials
|
|
Vertical Text
This css code shows can one can arrange to have text appear vertically
CSS Code
You can easily make vertical text with the following css:
In to the <head> section put your CSS:
<style>
<!--
#verticaltext {
writing-mode: tb-rl;
filter: flipv fliph;
}
-->
</style>
And into the body:
<div id="verticaltext">Test-1</div>
The result, if it works in your browser, should be:
Test-1
If we want to play with this a little we can, for example, change the filter from 'flip vertical - flip hotizontal'
to 'flip vertical - flip vertical'. Combining this with the first example we can have the following:
Test-1Test-2
It is also useful to specify the width otherwise you will get wordwrap.
|
|
