HTML 5 <bdi> Tag
Last Updated :
19 Jul, 2022
The <bdi> tag refers to the Bi-Directional Isolation. It differentiates a text from other text that may be formatted in a different direction. This tag is used when a user-generated text with unknown directions.
Note: This tag is new in HTML5.
Syntax:
<bdi> Contents... </bdi>
Example: The below example illustrate the bdi tag.
html
<!DOCTYPE html>
<html>
<body>
<h1>GeeksforGeeks</h1>
<ul>
<li><bdi class="name">Himanshu Jha</bdi>: indian name</li>
<li><bdi class="name">الرجل القوي إيان</bdi>: arabic name</li>
</ul>
</body>
</html>
|
Output:
Supported Browsers:
- Google Chrome 16 and above
- Edge 79 and above
- Firefox 10 and above
- Internet Explorer not supported
- Opera 15 and above
- Safari 6 and above
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...