text-align-justify-with-overflow.html (1069B)
1 <!DOCTYPE html> 2 3 <html> 4 <head> 5 <title>CSS Test: Overflowing content with text-align: justify</title> 6 <link rel="author" title="Martin Robinson" href="mrobinson@igalila.com"> 7 <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"> 8 <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop"> 9 <link ref="help" href="https://drafts.csswg.org/css-text/#text-align-property"> 10 <link rel="match" href="text-align-justify-with-overflow-ref.html"/> 11 <style type="text/css"> 12 div { 13 text-align: justify; 14 width: 0px; 15 } 16 </style> 17 </head> 18 19 <body> 20 21 <!-- These two divs should overflow, one because of the length of the content 22 and the other because of `text-indent`. In both of these cases, `text-align: justify` 23 should be treated like `text-align: left` since there is no extra space to 24 distribute to justification opportunities. --> 25 <div>lorem ipsum lastline</div> 26 <div style="text-indent: 50px">lorem ipsum lastline</div> 27 28 </body> 29 </html>