This attribute is used to specify the text direction of the element content.
Supported Tags: It supports all HTML elements.
Syntax:
<element dir = "ltr | rtl | auto">
Attribute Value: This attribute contains three values which are listed below:
- ltr: It is the default value. This value represents the text in Left-to-right text direction.
- rtl: This value represents the text in right-to-left text direction.
- auto: Lets the browser figure out the text direction, based on the content.
Example 1: This example shows the use of the dir attribute.
html
<!DOCTYPE html>
< html >
< head >
< title >dir attribute</ title >
< style >
h1 {
color:green;
}
h1, h2 {
text-align:center;
}
</ style >
</ head >
< body >
< h1 >GeeksforGeeks</ h1 >
< h2 >dir attribute</ h2 >
< p dir = "rtl" >
GeeksforGeeks: A
computer science portal for geeks
</ p >
</ body >
</ html >
|
Output:

Example 2: This example shows the use of the dir attribute.
html
<!DOCTYPE html>
< html >
< head >
< title >dir attribute</ title >
< style >
h1 {
color:green;
}
h1, h2 {
text-align:center;
}
</ style >
</ head >
< body >
< h1 >GeeksforGeeks</ h1 >
< h2 >dir attribute</ h2 >
< p dir = "ltr" >
GeeksforGeeks: A
computer science portal for geeks
</ p >
</ body >
</ html >
|
Output:

Supported Browsers: The browser supported by dir attribute are listed below:
- Chrome
- Firefox
- Opera
- Safari
- Edge 79