<!DOCTYPE html><htmllang="en"><head><metacharset="utf-8"><title>text-align: justify, dir=ltr</title><linkrel='author'title='Richard Ishida'href='mailto:ishida@w3.org'><linkrel='help'href='https://drafts.csswg.org/css-text-3/#text-align-property'><linkrel='match'href='reference/text-align-justify-ref-004.html'><metaname="assert"content="text-align:justify aligns text in order to exactly fill the line box. Unless otherwise specified by text-align-last, the last line before a forced break or the end of the block is start-aligned – in this case, to the left."><linkrel="stylesheet"type="text/css"href="/fonts/ahem.css"><styletype='text/css'>.test{text-align:justify;}/* the CSS below is not part of the test */.test,.ref{border:1pxsolidorange;margin:20px;width:450px;color:orange;font:25px/1Ahem;}</style></head><body><divid='instructions'>Test passes if the shading in both orange boxes is identical.</div><divdir="rtl"><divclass="test"dir="ltr">TES TES TES TES TES TES TES TES TES TES TES </div><divclass="ref"><divstyle="word-spacing: 1em;">REF REF REF REF</div><divstyle="word-spacing: 1em;">REF REF REF REF</div><divstyle="text-align: left;">REF REF REF</div></div></div></body></html>
