HTML bdi tag

HTML bdi tag is used to specify the bidirectional text in a website. The bidirectional text are the text write from left-to-right or right-to-left directions.

The syntax for bdi tag is:

For Example:

This is the example of the bdi tag specifying text in bidirectional way.


anchor tag with url

This is the example showing the bidirectional text to use inside the web pages.

Example for HTML bdi tag with header, content and footer


This is the heading inside header tag.

Below is the menus which we can call as a navigational links inside header tag.

This is the article Heading

The paragraph to include any content will comes here. This paragraph can be in many forms and contains many short paragraphs.

put arabic text here

See W3C Specification for this tag.

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.


Get FREE Access to Toolkit and Resources that we are using in Tutorialdeep that Every Professional Should Have! in one handy PDF.

Download Link Will be Send to Your Email id