HTML bdi Tag

HTML <bdi> Tag: The BDI tag is the acronym of Bi-Directional Isolation. The HTML BDI tag isolates a part of the text that can be formatted in a different direction. The HTML <bdi> tag supports both global and event attributes. This tag is used when a user-generated text with unknown directions.

HTML <bdi> Tag

The HTML <bdi> tag supports both global and event attributes.

Syntax: <bdi>–content–</bdi>

Browser compatibility

The HTML <bdi> tag is supported by different types of browsers. And It is not supported by Internet Explorer.

  • Chrome
  • Safari
  • Firefox
  • Opera

Example:

<!DOCTYPE html>
<html>
<body>
<ul>
 <li>User <bdi>hrefs</bdi>: 60 points</li>
 <li>User <bdi>jdoe</bdi>: 80 points</li>
 <li>User <bdi>Raj</bdi>: 90 points</li>
</ul>
</body>
</html>

Output:

  • User hrefs: 60 points
  • User jdoe: 80 points
  • User Raj: 90 points