1. home
  2. Tutorials
  3. Tutorial
Edit

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">
<head>
<title>Example of HTML bdi Tag</title>
</head>
<body>
    <p dir="ltr">This arabic word <bdi>ARABIC_PLACEHOLDER</bdi> is automatically displayed right-to-left.</p>
</body>
</html>

Output

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