HTML <bdi> tag

HTML <bdi> tag : Definition

• The HTML <bdi> (stands for bi-directional isolation) element, it is used to isolate a part of text that might be formatted in a different direction from other text outside it.

• The <bdi> element is used to wrap a span of text and instructs the bidirectional algorithm to treat this text in isolation from its surroundings. This works in two ways:

  • The directionality of text embedded in <bdi> does not influence the directionality of the surrounding text.
  • The directionality of text embedded in <bdi> is not influenced by the directionality of the surrounding text.

<bdi> tag example :



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




OUTPUT :

 
  • User hrefs: 60 points
  • User Miky: 80 points
  • User إيان: 90 points