---
title: "How to Make Vertical Text in WordPress?"
url: https://nexterwp.com/docs/make-vertical-text-in-wordpress/
date: 2024-12-05
modified: 2026-06-04
author: "Aditya Sharma"
description: "Are you looking to add vertical text in WordPress? Vertical text can serve as a unique and visually striking design element, adding a creative touch to your website while drawing..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Make-Vertical-Text-in-WordPress_-1024x519.jpg
word_count: 435
---

# How to Make Vertical Text in WordPress?

## Key Takeaways

- Nexter Blocks Advanced Typography block rotates and orients text vertically in the WordPress block editor without custom CSS or additional plugins.
- Advanced Typography block offers three Vertical Text options: Normal, Left to Right, and Right to Left, plus a Vertical Letters toggle that places each letter vertically without rotating them.
- Vertical text fits agency and portfolio sites, event pages, promotional layouts, and creative WordPress sites that need section labels, decorative headings, or typographic variety.

Are you looking to add vertical text in WordPress? Vertical text can serve as a unique and visually striking design element, adding a creative touch to your website while drawing attention to specific sections.

The Advanced Typography block in Nexter Blocks lets you rotate and orient text vertically in the WordPress block editor, without custom CSS or additional plugins.

*To check the complete feature overview documentation of the Nexter Blocks Advanced Typography block,[ click here](https://nexterwp.com/docs/add-advanced-typography-in-wordpress/).*

**Best Used For:**

- Agency and portfolio sites that use vertical text for section labels or decorative headings

- Event pages or promotional layouts where rotated text creates visual hierarchy

- Creative WordPress sites that need typographic variety without writing custom CSS

***Requirement  - This block is a part of the Nexter Blocks, Make sure it is installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-hotspot-pinpoint-image/)

To do this, add the Advanced Typography block to the page and follow the steps - 

1. Select **Normal** from the **Select Option** section under the **Advanced Typography** tab.

> *Note: You can also create vertical text for the Multiple option as well, but in that option, you have to manually add [transform CSS](https://www.w3schools.com/cssref/css3_pr_transform.php) in each text repeater item.*

2. Then add the text in the **Text** field.

3. After that, go to the **Text Direction** tab and select the vertical text direction from the **Vertical Text** section. Here you will find three options - 

- **Normal** - This, will keep the text horizontally aligned. Use this when you want to reset the direction back to standard horizontal text.

- **Left to Right** - With this, the text will be aligned vertically from left to right for text with two or more words. Use this for sidebar labels, decorative captions, or section markers that should read from bottom to top.

- **Right to Left** - With this, the text will be aligned vertically from right to left for text with two or more words. Use this when working with right-to-left languages or for decorative elements that read from top to bottom.

Select the option that matches your layout needs.

The **Vertical Letters** toggle places each letter vertically without rotating them.

From the **Vertical Direction** section, you can change the text direction of the text from left to right and right to left. This can be very useful if you are using any [right to left languages](https://www.andiamo.co.uk/resources/right-to-left-languages/).

Your page now displays vertical text.

To add scrolling marquee or animated text that complements a vertical layout, see [How to Add Animated Text in WordPress](https://nexterwp.com/docs/add-animated-text-in-wordpress/). For headings with stroke, gradient, or highlight effects, see [How to Add an Advanced Heading in WordPress](https://nexterwp.com/docs/add-an-advanced-heading-in-wordpress/).