text-justify-and-trailing-spaces-005.html (1232B)
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-005-ref.html'> 9 <link rel='match' href='reference/text-justify-and-trailing-spaces-alt-005-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 @font-face { 13 font-family: 'ezra_silregular'; 14 src: url('/fonts/sileot-webfont.woff') format('woff'); 15 font-weight: normal; 16 font-style: normal; 17 } 18 .test { 19 width: 70px; 20 font-family: ezra_silregular, monospace; 21 font-size: 15px; 22 background: blue; 23 margin-left: 20px; 24 25 direction: rtl; 26 27 white-space: pre-wrap; 28 text-align: justify; 29 } 30 .test > span { 31 background: green;; 32 } 33 </style> 34 <p>Test passes if we have a first line with hebrew justified and XXX in the second line (left-edge trailing space if not removed)</p> 35 <div class="test"><span>הם דה </span><span>XXX</span></div>