boundary-shaping-009.ref.html (944B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=utf-8> 5 <style> 6 body { 7 font: 36px sans-serif; 8 } 9 div { 10 text-align: center; 11 } 12 .a { 13 display: inline-block; 14 width: 10px; 15 } 16 .c1 { 17 padding-left: 10px; 18 } 19 .c { 20 color: red; 21 } 22 .d1 { 23 margin-right: 10px; 24 } 25 .d { 26 color: red; 27 } 28 </style> 29 </head> 30 <body> 31 <div dir=ltr> 32 السلام<span class=a> </span>عليكم 33 </div> 34 <div dir=ltr> 35 السلام<span class=a> </span>عليكم 36 </div> 37 <div dir=rtl> 38 السلام<span class=a> </span>عليكم 39 </div> 40 <div dir=rtl> 41 السلام<span class=a> </span>عليكم 42 </div> 43 <div dir=ltr> 44 <span class=c1>السلام<span class=c>عليكم</span></span> 45 </div> 46 <div dir=ltr> 47 <span class=d1><span class=d>السلام</span>عليكم</span> 48 </div> 49 <div dir=rtl> 50 <span class=c1>السلام<span class=c>عليكم</span></span> 51 </div> 52 <div dir=rtl> 53 <span class=d1><span class=d>السلام</span>عليكم</span> 54 </div> 55 </body> 56 </html>