<!doctype html>
<meta charset=utf-8>
<title>CSS Text reference</title>
<style>
div {
border: 1px solid gray;
font: 22px monospace;
width: 22ch;
margin: 1em;
}
.ref {
white-space: normal;
text-align: justify;
text-align-last: right;
}
</style>
<p>Test passes if the two blocks are rendered identically</p>
<div class=ref>,one, two, three<br>four, five, six, !seven, eight, nine</div>
<div class=ref>,one, two, three<br>four, five, six, !seven, eight, nine</div>