<!DOCTYPE html><htmllang="en"><head><metacharset="utf-8"><title>word-break: break-all, latin</title><metaname="assert"content="word-break: break-all means lines may break between any two typographic letter units."><linkrel='help'href='https://drafts.csswg.org/css-text-3/#word-break-property'><linkrel='match'href='reference/word-break-break-all-ref-001.html'><linkrel='author'title='Richard Ishida'href='mailto:ishida@w3.org'><styletype='text/css'>.test{word-break:break-all;}/* the CSS below is not part of the test */.test,.ref{border:1pxsolidorange;margin:20px;padding:10px;width:390px;font:36px/1sans-serif;}</style></head><body><divid='instructions'>Test passes if the two orange boxes are the same.</div><divclass="test"><divid="testdiv"><spanid="testspan">Latin latin latin latin</span></div></div><divclass="ref"><span>Latin latin latin lati<br/>n</span></div><script>varsentenceWidth=document.getElementById('testspan').offsetWidthdocument.getElementById('testdiv').style.width=String(sentenceWidth-5)+'px'</script></body></html>
