The Speed Coding

HTML <bdi> Tag


Isolate the usernames from the surrounding text-direction settings:

  <li>User <bdi > hrefs</bdi>: 60 points</li >
  <li>User <bdi > jdoe</bdi>: 80 points</li >
  <li>User <bdi > إيان</bdi>: 90 points</li >

Definition and Usage

BDI stands for Bi-Directional Isolation.

The <bdi> tag isolates a part of text that might be formatted in a different direction from other text outside it.

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

Browser Support

<bdi> 16.0 79.0 10.0 Not supported 15.0

Global Attributes

The <bdi> tag also supports the Global Attributes in HTML.

Event Attributes

The <bdi> tag also supports the Event Attributes in HTML.