How to set text direction in HTML?

HTMLWeb DevelopmentFront End Technology

To set text direction in HTML, use the style attribute. The style attribute specifies an inline style for an element. The style attribute is used with the CSS property direction to set direction. Just keep in mind, the usage of style attribute overrides any style set globally. It will override any style set in the HTML <style> tag or external style sheet.

You can use the following property values to set direction −

Sr.NoValue & Description
Writing direction from left to right
Writing direction from right to left
Default value


Direction RTL


You can try to run the following code to set text direction in HTML

Live Demo

<!DOCTYPE html>
<title>HTML Text Direction</title>
   <p style = "direction: rtl;">
      This text will get displayed from right to left
   <p>This is normal text.</p>
Updated on 15-Jun-2020 08:07:44