| <!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> |
