text-justify-and-trailing-spaces-003.html (1027B)
1 <!DOCTYPE html> 2 <html lang="en" > 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS text tests: How trailing spaces affect text-justify </title> 6 <link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" /> 7 <link rel='help' href='https://drafts.csswg.org/css-text-3/#text-justify-property'> 8 <link rel='match' href='reference/text-justify-and-trailing-spaces-003-ref.html'> 9 <link rel='match' href='reference/text-justify-and-trailing-spaces-alt-003-ref.html'> 10 <meta name="assert" content="The RTL text in the first line is correctly justified, leaving aside the trailing space, which must hang or be removed."> 11 <style> 12 .test { 13 width: 7ch; 14 font: 20px monospace; 15 background: blue; 16 margin-left: 20px; 17 18 direction: rtl; 19 20 white-space: pre-wrap; 21 text-align: justify; 22 } 23 .test > span { 24 background: green;; 25 } 26 </style> 27 <p>Test passes if we have XX at each edge of the blue box and XXX in the second line (left-edge trailing space if not removed)</p> 28 <div class="test"><span>XX XX </span><span>XXX</span></div>