text-align-justify-with-overflow-ref.html (962B)
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 <style type="text/css"> 11 div { 12 width: 0px; 13 } 14 </style> 15 </head> 16 17 <body> 18 19 <!-- These two divs should overflow, one because of the length of the content 20 and the other because of `text-indent`. In both of these cases, `text-align: justify` 21 should be treated like `text-align: left` since there is no extra space to 22 distribute to justification opportunities. --> 23 <div>lorem ipsum lastline</div> 24 <div style="text-indent: 50px">lorem ipsum lastline</div> 25 </body> 26 </html>