HTML 5 | <bdi> Tag

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.

Syntax:

<bdi> Contents... </bdi>

Note: This tag is new in HTML5.



Example:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
  
    <head>
        <title>bdi tag</title>
    </head>
  
    <body>
        <center>
            <p>Geeks<bdi>For</bdi>Geeks</p>
            <p>A<bdi>Computer</bdi> Science 
               <bdi>Portal</bdi> For <bdi>GEEKS</bdi>
            </p>
        </center>
    </body>
  
</html>                    

chevron_right


Output:

Supported Browsers: The browser supported by <bdi> Tag are listed below: