VERTICAL TEXT

-

TEXT WRITING IN VERTICAL DIRECTION





    PLEASE SUBSCRIBE MY YOUTUBE CHANNEL

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" 
    content="IE=edge">
    <meta name="viewport" 
    content="width=device-width, 
    initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            background: darkblue;
        }
        div{
            height: 300px;width: 50px;
            text-transform: uppercase;
            background-color: darkorange;
            color: whitesmoke;

            /* actual code starts here*/
            writing-mode: vertical-lr;
            text-orientation: upright;

            display: flex;
            justify-content: center;
            align-items: center;
        }
    </style>
</head>
<body>
    <div>hello how are you</div>
</body>
</html>
in this way we can change the text direction

using writing mode we can make text to write in vertical direction and from left to right (means top to bottom)
and using text-orientation we can upright the text 

text-transform is used to change our small letters in div into capital letters


thanks for visiting.....

please subscribe my youtube channel.....

please go through this blog you will find random ticket and number generator used for playing housie

Comments

Post a Comment

Popular posts from this blog