text-justify-inter-character-cursive-ref.html (518B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 p { 7 font-size: 2em; 8 border: 1px solid black; 9 padding: 10px 0px; 10 } 11 .test { 12 text-align-last: justify; 13 text-justify: inter-character; 14 } 15 .test img { 16 width: 20px; 17 height: 20px; 18 vertical-align: top; 19 } 20 span { 21 text-justify: none; 22 } 23 </style> 24 </head> 25 <body> 26 <p class="test"><span>مرحبا</span> <span>بالعالم</span>foo</p> 27 <p class="test"><span>مرحبا</span> <span>بالعالم</span><img src="/images/blue.png"></p> 28 </body> 29 </html>