bidi-lines-002.html (1068B)
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 <link rel="help" href="https://drafts.csswg.org/css-text-3/#bidi-linebox"> 6 <link rel="match" href="reference/bidi-lines-002-ref.html"> 7 <meta name=assert content="with unicode-bidi: plaintext, bidi paragraphs only containing weak / neutral characters take their directionality from the previous paragraph if any, or the containing block otherwise."> 8 <style> 9 div { 10 direction: rtl; 11 unicode-bidi: plaintext; 12 text-align: start; 13 font-size: 2em; 14 width: 10em; 15 border: solid; padding: 0 0.5ch; 16 } 17 .l { color: blue; } 18 .r { color: orange; } 19 </style> 20 21 <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. 22 23 <div> 24 <span class=r>!</span><br> 25 <span class=l>!</span> Hello<br> 26 <span class=l>!</span><br> 27 <span class=r>!</span> سلام<br> 28 <span class=r>!</span><br> 29 </div>