Description:

The HTML <bdi> tag is used on a span of text that is to be isolated from its surroundings for the purposes of bidirectional text formatting.

This element is useful when embedding user-generated content with an unknown directionality.

Example Code:
<ol>
<li>User <bdi>mod</bdi>: 965 posts</li>
<li>User <bdi>user</bdi>: 322 posts</li>
<li>User <bdi>إيان</bdi>: 150 posts</li>
<li>User <bdi>abc1</bdi>: 1 post</li>
</ol>
Result:
  1. User mod: 965 posts
  2. User user: 322 posts
  3. User إيان: 150 posts
  4. User abc1: 1 post
Attributes:

None

Global Attributes:

The <bdi> tag also supports the Global Attributes in HTML5

Event Attributes:

The <bdi> tag also supports the Event Attributes in HTML5