> For the complete documentation index, see [llms.txt](https://codennerd.gitbook.io/cxcss/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codennerd.gitbook.io/cxcss/product-guides/typography/text-orientation.md).

# Text Orientation

## `.text-orientation-mixed`

Sets the text orientation to mixed.

CSS equivalent: `text-orientation: mixed;`

Example usage:

```html
<div class="text-orientation-mixed">
  <p>This text has a mixed text orientation.</p>
</div>
```

***

## `.text-orientation-upright`

Sets the text orientation to upright.

CSS equivalent: `text-orientation: upright;`

Example usage:

```html
<div class="text-orientation-upright">
  <p>This text has an upright text orientation.</p>
</div>
```

***

## `.text-orientation-sideways`

Sets the text orientation to sideways.

CSS equivalent: `text-orientation: sideways;`

Example usage:

```html
<div class="text-orientation-sideways">
  <p>This text has a sideways text orientation.</p>
</div>
```

***

## `.text-orientation-sideways-right`

Sets the text orientation to sideways-right.

CSS equivalent: `text-orientation: sideways-right;`

Example usage:

```html
<div class="text

-orientation-sideways-right">
  <p>This text has a sideways-right text orientation.</p>
</div>
```