text-justify-006.html (950B)
1 <!DOCTYPE html> 2 <html lang="en" > 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS text tests: text-justify applies inline</title> 6 <link rel='author' title='Florian Rivoal' href='https://florian.rivoal.net'> 7 <link rel='help' href='https://drafts.csswg.org/css-text-3/#text-justify-property'> 8 <link rel='match' href='reference/text-justify-006-ref.html'> 9 <meta name="assert" content="text-justify applies to inline elements"> 10 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 11 <style> 12 div { 13 font: 20px/1 Ahem; 14 width: 11ch; 15 } 16 #ref { 17 white-space: pre; 18 color: orange; 19 } 20 #test { 21 text-align: justify; 22 color: blue; 23 } 24 span { 25 text-justify: none; 26 } 27 28 /* this is just filler content to have an invisible last line, as jutification does not affect the last line */ 29 a { color: white; } 30 </style> 31 32 <p>Test passes if the blue and orange boxes are aligned. 33 34 <div id=ref>X X X X</div> 35 <div id=test>X <span>X X</span> X <a>###########</a></div>