logo
HTML5 bdi Tag
BDI stands for Bi-Directional Isolation. The <bdi> tag 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 :
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>The HTML5 bdi Tag</title>
</head>
<body>
 
<p>All Sample Items list</p>
    <ol>
        <li>Sample <bdi>Name</bdi>: Ramana</li>
        <li>Sample <bdi>car</bdi>: Audi</li>
        <li>Sample <bdi>fruit</bdi>: Apple</li>
        <li>Sample <bdi>Phone</bdi>: Nokia 9</li>
        <li>Sample <bdi>Laptop</bdi>: Mac Book Pro</li>
    </ol>
    
</body>
</html> 
Output :

All Sample list

  1. Sample Name: Ramana
  2. Sample car: Audi
  3. Sample fruit: Apple
  4. Sample Phone: Nokia 9
  5. Sample Laptop: Mac Book Pro