HTML bdi Tag

The <bdi> tag in HTML stands for "Bi-Directional Isolation." It is used to isolate a part of text that might be formatted in a different direction than the surrounding text.

The <bdi> tag is useful in multilingual applications where text in different languages is displayed together.
It ensures that the text direction is preserved and not affected by the surrounding text.

Note: This tag is new in HTML5.

html

<!DOCTYPE html>
<html>

<body>
    <ul>
        <li><bdi class="name">
                Himanshu Jha</bdi>: indian name
        </li>
        <li>
            <bdi class="name">الرجل القوي إيان</bdi>: arabic name
        </li>
    </ul>
</body>

</html>

Syntax

<bdi> Contents... </bdi>

Syntax

Explore