A day with .Net

My day to day experince in .net

Create vertical text in internet explorer and mozilla using CSS

Posted by vivekcek on March 11, 2011

Do u want to show vertical text in browsers like below.

This is the code

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        .test
        {
            display: block;
            writing-mode: tb-rl;
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            position: absolute;
            float: left;
        }
    </style>
</head>
<body>
    <table>
        <tr>
            <td class="test" style="font-size: xx-large">
                vivek
            </td>
        </tr>
    </table>
</body>
</html>
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s