bidi-lines-002-ref.html (741B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text Test: unicode-bidi: plaintext and neutral paragraphs</title> 4 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> 5 <style> 6 section { 7 text-align: start; 8 font-size: 2em; 9 border: solid; 10 padding: 0 0.5ch; 11 width: 10em; 12 } 13 .l { color: blue; } 14 .r { color: orange; } 15 </style> 16 17 <p>This test passes if within the box below, the two blue “!” are on the left, and the three orange ones are on the right. 18 19 <section> 20 <div dir=rtl><span class=r>!</span></div> 21 <div dir=ltr><span class=l>!</span> Hello</div> 22 <div dir=ltr><span class=l>!</span></div> 23 <div dir=rtl><span class=r>!</span> سلام</div> 24 <div dir=rtl><span class=r>!</span></div> 25 </section>