The **`direction` property** in #key# CSS: Cascade Style Sheets #key# specifies the text's direction within a specified block element. 



# 
#  Syntax

---
```css
direction: ltr|rtl|initial|inherit;
```
---

# 
## Property values

- **`ltr`**: ltr means *left to right.* It is the default value. It moves the text from left to right.

- **`rtl`**: rtl means *right to left.*  It moves the text from right to left.

- **`initial`**: sets the value to its default value.

- **`inherit`**: inherits the property from its parent value.

##
## Code

The basic #key# HTML: HyperText Markup Language #key# and CSS code to demonstrate the use of the `direction` property is as follows:

Quote of the Day
<quot>I hear and I forget. I see and I remember. I do and I understand</quot> 
<said>Chinese proverb</said>

p 
{ 
    direction: rtl; 
}
quot:before 
{ 
  content: open-quote;
}
quot:after 
{ 
  content:close-quote;
}
said:before 
{ 
  content: "Quoted by ";
}

codemirror


## Explanation
In this example, we write a code with the open and close quote property. We set the direction of the text from *right to left*. We can also set the direction of the text from *left to right.*

What is the CSS direction property?

Syntax

Property values

Code

Explanation