444656.html (1334B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 5 <title>Test soft hyphen in rtl text</title> 6 <style> 7 div { width: min-content; position: relative; } 8 9 /*prevent the soft hyphens from contributing to the minimum content width*/ 10 div > p:nth-child(2) { 11 position: absolute; 12 top: auto; 13 right: 0; 14 margin-top: 0; 15 width: 100%; 16 } 17 </style> 18 </head> 19 <body dir="rtl"> 20 <div> 21 <!-- add a first paragraph with no soft hyphens to set minimum content width --> 22 <p>אבגדהוזחטיכלמנסעפצקרשתאבגדהוזחטיכלמנסעפצקרשתאבגדהוזחטיכל</p> 23 <p>אבגדהוזחטיכלמנסעפצקרשת­אבגדהוזחטיכלמנסעפצקרשת­אבגדהוזחטיכלמנסעפצקרשת­אבגדהוזחטיכלמנסעפצקרשת­אבגדהוזחטיכלמנסעפצקרשת­אבגדהוזחטיכלמנסעפצקרשת­אבגדהוזחטיכלמנסעפצקרשת­אבגדהוזחטיכלמנסעפצקרשת­אבגדהוזחטיכלמנסעפצקרשת­אבגדהוזחטיכלמנסעפצקרשת­אבגדהוזחטיכלמנסעפצקרשת­אבגדהוזחטיכלמנסעפצקרשת­אבגדהוזחטיכלמנסעפצקרשת</p> 24 </p> 25 </div> 26 </body> 27 </html>