Related Tags:
HTML Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects on World Wide Web pages. Learn More, CSS (Cascading Style Sheets) CSS stands for Cascading Style Sheets. CSS describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work. It can control the layout of multiple web pages all at once. External stylesheets are stored in CSS files. Learn More,

Display text vertically readable from bottom to top using css?

Description:Needed to display one of my page’s heading vertically and it should be readable from bottom to top of the screen.
Currently my html looks like the following one, any help would be appreciated.


<h2 class="vertical-heading">About Us</h2>

Posted by: | Posted on: Jan 03, 2022

1 answers

Replies

5

You can easily achieve this by applying the following styles to your css class.

.vertical-heading {
margin: 0 0 0 0;
transform: rotate(270deg);
transform-origin: top left;
position: absolute;
top: 250px;
}

Replied by: | Replied on: Jan 04, 2022


Reply
×

Code block Hyperlink bold Quotes block Upload Images

Preview