| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>CSS Test: Overflowing content with text-align: justify</title> | |
| <link rel="author" title="Martin Robinson" href="mrobinson@igalila.com"> | |
| <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property"> | |
| <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop"> | |
| <link ref="help" href="https://drafts.csswg.org/css-text/#text-align-property"> | |
| <link rel="match" href="text-align-justify-with-overflow-ref.html"/> | |
| <style type="text/css"> | |
| div { | |
| text-align: justify; | |
| width: 0px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <!-- These two divs should overflow, one because of the length of the content | |
| and the other because of `text-indent`. In both of these cases, `text-align: justify` | |
| should be treated like `text-align: left` since there is no extra space to | |
| distribute to justification opportunities. --> | |
| <div>lorem ipsum lastline</div> | |
| <div style="text-indent: 50px">lorem ipsum lastline</div> | |
| </body> | |
| </html> |