How to display text Right-to-Left Using HTML & CSS

In HTML, the direction can be set using various attributes of specific tags. In this tutorial, we'll explore how to display text from right to left and left to right.

Method 1: Using the dir Attribute#

One way to change the direction of text is by using the dir attribute. The dir attribute specifies the base direction of text inside an element.

To display text from right to left, add the dir attribute to your HTML tag and set the value to rtl. Here's an example:

Method 2: Using CSS direction property#

Another way to change the direction of text is by using Cascading Style Sheets (CSS). You can use the text-align property to set the alignment of the text, and the direction property to set the direction of the text flow. Here's an example:

Method 3 : Using the marquee Tag#

Additionally, using the <marquee> tag, you can display your text in a scrolling manner from right to left. Here's an example code:

In this code, the direction attribute is set to right, which enables the text to move from right to left.

Conclusion:#

These are some ways through which you can display text from right to left on your web page using different HTML tags and CSS properties. By understanding these techniques, you can make your web page more accessible and user-friendly for audiences who prefer to read text from right to left.