HTML Editor
<!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>
OUTPUT
×

Save as Private