> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://docs.stylecloud.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to Display Vertical Rotated Text

Want to rotate text or elements in WordPress ? Whether you are aiming for a stylish tilt or a full 90-degree spin, there two simple ways to do it—**with or without code**.
---

### Method 1: Rotate Elements Using Built-In Settings (No Code)

* Click on the text block you want to rotate.
* In the right-hand sidebar, go to the Style section.
* Scroll down until you find the **"Text Orientation"** settings. 
* Click to expand it.
* Apply a rotation.
![](https://storage.crisp.chat/users/helpdesk/website/-/4/b/4/3/4b432516dd882000/text-orietation-method-1_1x94n2d.png)
---

### Method 2: Rotate Text with Custom CSS (For Full Control)

* Click on the text block you want to rotate.
* **To assign a Custom Class** in the block settings, go to the **Advanced** section and add a custom class name in the Additional CSS class(es) setting.
* For example:
`css`
`rotate-left`

![](https://storage.crisp.chat/users/helpdesk/website/-/4/b/4/3/4b432516dd882000/rotate-text-method-2-1_1eypkd3.png)

* Add Custom CSS code in Customizer.
* Go to **Appearance > Customize > Additional CSS** and paste in the following code:
`css`
`.rotate-left { transform: rotate(-90deg); display: inline-block; }`

![](https://storage.crisp.chat/users/helpdesk/website/-/4/b/4/3/4b432516dd882000/rotate-text-method-2-2_pt989w.png)
* Click **Publish** to save your changes.
---

You can change the angle as needed (e.g., `rotate(45deg)` for a diagonal slant). Why use `inline-block`? Without it, the element may rotate off-center or affect the layout in weird ways. `display: inline-block;` helps it stay controlled and neatly in place.