Global attribute `dir`

The dir attribute specifies the direction of the text content within an HTML element. It is primarily used for languages that read from right to left (RTL) or for automatic direction detection.

EXAMPLE

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>dir</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <style>
        .rtl {
            position: absolute; 
            right: 30px;
        }
    </style>
</head>
<body>
<p dir="ltr">Left to right!</p>
<p class="rtl" dir="rtl">Right to left!</p>
<br><br><br><br>
<p dir="auto">Welcome to HTML tutorials!</p>
</body>
</html>

RESULT

Global attribute dir

Global attribute `dir`