<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>This tests that we renderer justified punctuation content correctly with simple line layout</title>
<style>
div {
    text-align: justify;
    width: 200px;
} 
</style>
</head>
<body>
<div>foobar &#x2010; foobar &#x2011; foobar &#x2012; foobar &#x2013;</div>
<div>foobar &#x2014; foobar &#x2015; foobar &#x2016; foobar &#x2017;</div>
<div>foobar &#x2018; foobar &#x2019; foobar &#x201A; foobar &#x201B;</div>
<div>foobar &#x201C; foobar &#x201D; foobar &#x201E; foobar &#x201F;</div>
<div>foobar &#x2020; foobar &#x2021; foobar &#x2022; foobar &#x2023;</div>
<div>foobar &#x2024; foobar &#x2025; foobar &#x2026; foobar &#x2027;</div>
</body>
</html>