Home >>HTML5 Tutorial >HTML5 <bdi> tag

HTML5 <bdi> tag

HTML <bdi> tag

The HTML5 <bdi> tag stands for Bi-Directional Isolation. It is used to inform the browser to differentiates a text from other text which may be formatted in a opposite direction than the surrounding text.

This tag is useful in languages like Arabic and Hebrew.

Let's take an Example of <bdi> tag:

<!DOCTYPE html>  
<html>  
<head>  
<title>Bdi tag</title>  
             <style>  
     bdi{ font-size: 25px; color: red; }  
       </style>  
</head>  
<body>  
<h2>HTML bdi tag</h2>  
<p>  
This <bdi> **** </bdi>  Content is written in Arabic language. 
</p>  
</body>  
</html>  
Output

HTML bdi tag

This **** Content is written in Arabic language.