<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
p{
direction: rtl;
}
p:nth-of-type(1){
unicode-bidi: normal;
}
p:nth-of-type(2) #myEmbed{
unicode-bidi: embed;
}
p:nth-of-type(3){
unicode-bidi: bidi-override;
}
p:nth-of-type(4) #iso{
unicode-bidi: isolate;
}
p:nth-of-type(5) #iso1{
unicode-bidi: isolate-override;
}
p:nth-of-type(6){
unicode-bidi: plaintext;
}
</style>
</head>
<body>
<h1>CSS unicode-bidi Property</h1>
<h2>unicode-bidi: normal</h2>
<p>This is a paragraph with normal.</p>
<h2>unicode-bidi: embed</h2>
<p><span id="myEmbed">This is a paragraph</span> with embed.</p>
<h2>unicode-bidi: bidi-override</h2>
<p>This is a paragraph with bidi-override.</p>
<h2>unicode-bidi: isolate</h2>
<p>This is a <span id="iso">paragraph</span> with isolate.</p>
<h2>unicode-bidi: isolate-override</h2>
<p>This is a <span id="iso1">paragraph</span> with isolate-override.</p>
<h2>unicode-bidi: plaintext</h2>
<p>This is a paragraph with plaintext.</p>
</body>
</html>