HTML bdi Tag

The <bdi> tag is used to isolates a part of text that might be formatted in a different direction from other text outside it.

This element is useful when embedding user-generated content with an unknown directionality.

Example of Code

<!DOCTYPE html>
<html lang="en">
<title>Example of HTML bdi Tag</title>
    <p dir="ltr">This arabic word <bdi>ARABIC_PLACEHOLDER</bdi> is automatically displayed right-to-left.</p>


Example of HTML bdi Tag
This arabic word ARABIC_PLACEHOLDER is automatically displayed right-to-left.