boundary-shaping-009.html (1073B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=utf-8> 5 <title>Text shaping must be broken across inline box boundaries when padding or margin is non-zero</title> 6 <link rel=match href="reference/boundary-shaping-009.ref.html"> 7 <link rel=help href="https://drafts.csswg.org/css-text/#boundary-shaping"> 8 <style> 9 body { 10 font: 36px sans-serif; 11 } 12 div { 13 text-align: center; 14 } 15 .a { 16 padding-right: 10px; 17 } 18 .b { 19 margin-left: 10px; 20 } 21 .c { 22 color: red; 23 padding-left: 10px; 24 } 25 .d { 26 color: red; 27 margin-right: 10px; 28 } 29 </style> 30 </head> 31 <body> 32 <div dir=ltr> 33 السلام<span class=a>عليكم</span> 34 </div> 35 <div dir=ltr> 36 <span class=b>السلام</span>عليكم 37 </div> 38 <div dir=rtl> 39 السلام<span class=a>عليكم</span> 40 </div> 41 <div dir=rtl> 42 <span class=b>السلام</span>عليكم 43 </div> 44 <div dir=ltr> 45 السلام<span class=c>عليكم</span> 46 </div> 47 <div dir=ltr> 48 <span class=d>السلام</span>عليكم 49 </div> 50 <div dir=rtl> 51 السلام<span class=c>عليكم</span> 52 </div> 53 <div dir=rtl> 54 <span class=d>السلام</span>عليكم 55 </div> 56 </body> 57 </html>