<bdi>

HTML (Bi-Directional Isolation) Tag

Example

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

Try this code ❯

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>

Global Attributes

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

Event Attributes

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

Related Tags:

<a>,
<abbr>,
<b>,
<bdo>,
<br>,
<cite>,
<code>,
<data>,
<dfn>,
<em>,
<i>,
<kbd>,
<mark>,
<q>,
<rp>,
<rt>,
<ruby>,
<s>,
<samp>,
<small>,
<span>,
<strong>,
<sub>,
<sup>,
<time>,
<u>,
<var> and
<wbr>