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:
<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>
  1. User mod: 965 posts
  2. User user: 322 posts
  3. User إيان: 150 posts
  4. User abc1: 1 post


Global Attributes:

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

Event Attributes:

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

Last updated on 2 August 2018 By Rene Spronk

View All HTML Tags

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.