- Instant help with your CSS coding problems

Write vertical text in HTML

Snippet added on Jan 23, 2021 by Mike

Question:

How to write vertical text in HTML?

Answer:

writing-mode: vertical-lr;

Description:

With the writing-mode CSS property, you can control, how text is laid out. You can write vertical texts using the vertical-rl or vertical-lr property value.

The old rl , tb , tb-lr , tb-rl values are deprecated.

Reference:

CSS writing-mode reference

Share "How to write vertical text in HTML?"

Related snippets:

Tags:

vertical text, vertical text in html, vertical text with css, vertical

Technical term:

Write vertical text in HTML

Trending articles

Use clip path in TailwindCSS Set focus border in TailwindCSS Create hover underline animation in TailwindCSS Truncate text in TailwindCSS Create triangles with TailwindCSS Create custom toggle button with TailwindCSS Implement Dark mode with TailwindCSS How to create custom checkboxes in TailwindCSS Fix the Unknown at rule @tailwind warning in VSCode Fix TailwindCSS breaks existing styles

Trending snippets

How to use !important in TailwindCSS Remove focus border around input element Create endless rotation animation in CSS Center an absolute element in TailwindCSS Add class to child when hovering on parent in TailwindCSS Add a box shadow to only one side of an element Add text shadow with Tailwind CSS Create a neon effect with TailwindCSS Add dots if text is too long Access child elements in TailwindCSS Change bullet size in HTML Select the nth child in TailwindCSS Force line break in a long word using CSS Select first child in TailwindCSS How to use calc() in TailwindCSS Use emoji instead of list style Create horizontal rule with text using TailwindCSS How to use CSS variables in TailwindCSS Create blinking background with TailwindCSS Using :not in TailwindCSS

Network articles

Fix the ReactDOM.render is no longer supported in React 18 How to run useEffect only once in React Declare existing global variable in TypeScript Set the required attribute in JavaScript Create symbolic link in Windows 11 Add data attribute to element in JavaScript Associate file type in VS Code Replace only the first occurrence of a string in PHP Convert INT to DATETIME in MySQL Remove the last character from a string in JavaScript Convert string to lowercase with JavaScript Round down a number in JavaScript Execute code after the page is loaded Add key prop to React fragment Navigate back to last cursor position in VS Code Get tomorrow's date in PHP PHP date difference Get last 30 days records in MySQL Enable compression in Apache using htaccess Setup Twitter Meta Tags

Interesting things

OpanAi's ChatGPT