HTML <bdi> Tag

BDI stands for Bi-Directional Isolation.

The bdi element represents a span of text that is to be isolated from its surroundings for the purposes of bidirectional text formatting.

This tag is useful when displaying a text when the direction of the text is unknown.

For example, Arabic text will be from right-to-left, by using this tag Arabic text can be written in a left-to-right direction.

Example :

<!DOCTYPE html>
    <h1>This is bdi Tag Example</h1>
    <p>User <bdi>كودكستريم</bdi>: 1st place</p>
    <p>User <bdi>CodeXtreame</bdi>: 2nd place</p>
    <p>User <bdi>Rex</bdi>: 3rd place</p>

Output :