blob: c60490732b1931f0fe930591e43a7f2092bc750c [file] [log] [blame]
<html>
<head>
<title>Line breaks using [-webkit-]line-break : auto - before hyphens</title>
<style>
div > div {
font-family: 'Lucida Grande';
font-size: 16pt;
width: 4.1em;
}
div > p {
border: solid blue 1px;
-webkit-line-break: auto;
}
</style>
</head>
<body>
<div lang="en">
<div>
<p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x2010;</p>
</div>
<div>
<p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x2013;</p>
</div>
<div>
<p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x301c;</p>
</div>
<div>
<p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x30a0;</p>
</div>
</div>
<div lang="ja">
<div>
<p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x2010;</p>
</div>
<div>
<p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x2013;</p>
</div>
<div>
<p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x301c;</p>
</div>
<div>
<p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x30a0;</p>
</div>
</div>
<div lang="ko">
<div>
<p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x2010;</p>
</div>
<div>
<p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x2013;</p>
</div>
<div>
<p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x301c;</p>
</div>
<div>
<p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x30a0;</p>
</div>
</div>
<div lang="zh">
<div>
<p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x2010;</p>
</div>
<div>
<p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x2013;</p>
</div>
<div>
<p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x301c;</p>
</div>
<div>
<p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x30a0;</p>
</div>
</div>
</body>
</html>