< All the HTML Tags >

<bdi></bdi>

Video Coming Soon...

  • bdi

    Tag Type

    inline

    Tag Category

    text formatting

    Isolates a part of text to be formatted in a different direction (BIDI).

    Viewed

    1

    Examples

    1

Definition:

The HTML <bdi> (bidirectional isolation) tag is used to isolate a span of text that may have a different directionality than its surrounding text.

This is particularly useful in multilingual documents, where mixing left-to-right (LTR) and right-to-left (RTL) text can cause rendering issues. The <bdi> tag ensures that the enclosed text will be displayed correctly without affecting the layout or text flow of the rest of the document.

It is essential in applications where dynamic or user-generated content might introduce text with different writing directions.

Attributes:

Global attributes (e.g., class, id, style) (e.g., class, id, style)

Accessibility:

Coming Soon…

Default bdi Example:

Right-to-left isolated text
<bdi>right-to-left text</bdi>

Default bdi Result:


Coming Soon…

Community Examples:

Coming Soon…
Coming Soon…