RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://www.geeksforgeeks.org/html/html-dir-attribute/ below:

HTML dir Attribute - GeeksforGeeks

HTML dir Attribute

Last Updated : 11 Jul, 2025

The HTML dir attribute specifies the text directionality, allowing content to be displayed from left-to-right (ltr), right-to-left (rtl), or determined automatically (`auto`) by the browser based on 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:

Value Description ltr Default value. Text direction left-to-right. rtl Text direction right-to-left. auto Text direction determined by browser based on content. HTML dir Attribute examples

Example 1: In this example we demonstrates the use of the dir attribute set to "rtl" for right-to-left text direction in the paragraph element.

html


 <!DOCTYPE html>
<html>
  
<head>
    <title>dir attribute</title>
</head>

<body>
    <h1>GeeksforGeeks</h1>
    <h2>dir attribute</h2>
    <p dir="rtl">
        GeeksforGeeks: A
        computer science portal for geeks
    </p>
</body>
  
</html>

Output:

HTML dir Attribute example output

Example 2: In this example we demonstrates the dir attribute set to "ltr" for left-to-right text direction in a paragraph element, displaying content accordingly.

html


 <!DOCTYPE html>
<html>
    <head>
        <title>dir attribute</title>
    </head>

    <body>
        <h2>dir attribute</h2>
        <p dir="ltr">
            GeeksforGeeks: A computer science
            portal for geeks
        </p>
    </body>
</html>

Output:

HTML dir Attribute example output Supported Browsers

The browser supported by dir attribute are listed below:

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4