HTML dir Attribute

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>