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