HTML <bdi> (Bi-Directional Isolation) Tag

<p>In English: Hello World</p>
<p>In Arabic: <bdi>مرحبا بالعالم</bdi></p>

Meaning

The <bdi> element represents a span of text that is isolated from other text for the purposes of formatting in a different direction.

The <bdi> stands for Bi-Directional Isolation

This can be useful when displaying right-to-left text (such as Arabic) inside left-to-right text (such as English) when the text-direction is unknown.

The <bdi> element allows you to honor the correct directionality of text when this is unknown (such as in the case with user-generated content).

Version: HTML5

Standard Syntax

<bdi>text</bdi>

Browser Support

Status

Global Attributes

<bdi> element also supports the Global Attributes in HTML.

Event Attributes

<bdi> element also supports the Event Attributes in HTML.