HTML <bdi> (Bi-Directional Isolation) Tag

❮ Previous Reference Next ❯


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


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


Browser Support


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>

❮ Previous Reference Next ❯