Google Git
Sign in
webkit / WebKit / d0431be68fcff52bfef64f5e63c6e6b3739540fd / . / LayoutTests / css3 / line-break-language-sensitive / line-break-loose-centered-expected.html
blob: 7ec6bd566715ae7a62ff2731634012d585468b43 [file] [log] [blame]
<html>
<head>
<title>Line breaks using [-webkit-]line-break : auto - before centered punctuation</title>
<style>
span > div {
font-family: 'Lucida Grande';
font-size: 16pt;
width: 4.1em;
display: inline-block;
}
div > p {
border: solid blue 1px;
}
</style>
</head>
<body>
<span lang="en">
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;</nobr><br>&#x56db;&#x003a;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;</nobr><br>&#x56db;&#x003b;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;</nobr><br>&#x56db;&#x30fb;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;</nobr><br>&#x56db;&#xff1a;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;</nobr><br>&#x56db;&#xff1b;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;</nobr><br>&#x56db;&#xff65;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;</nobr><br>&#x56db;&#x0021;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;</nobr><br>&#x56db;&#x003f;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;</nobr><br>&#x56db;&#x203c;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;</nobr><br>&#x56db;&#x2047;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;</nobr><br>&#x56db;&#x2048;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;</nobr><br>&#x56db;&#x2049;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;</nobr><br>&#x56db;&#xff01;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;</nobr><br>&#x56db;&#xff1f;</p>
</div>
</span>
<span lang="ja">
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x003a;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x003b;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x30fb;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#xff1a;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#xff1b;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#xff65;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x0021;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x003f;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x203c;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x2047;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x2048;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x2049;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#xff01;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#xff1f;</p>
</div>
</span>
<span lang="ko">
<div style="width: 3.75em;">
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x003a;</p>
</div>
<div style="width: 3.75em;">
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x003b;</p>
</div>
<div style="width: 3.75em;">
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x30fb;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#xff1a;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#xff1b;</p>
</div>
<div style="width: 3.75em;">
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#xff65;</p>
</div>
<div style="width: 3.75em;">
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x0021;</p>
</div>
<div style="width: 3.75em;">
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x003f;</p>
</div>
<div style="width: 3.75em;">
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x203c;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x2047;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x2048;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x2049;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#xff01;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#xff1f;</p>
</div>
</span>
<span lang="zh">
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x003a;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x003b;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x30fb;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#xff1a;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#xff1b;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#xff65;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x0021;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x003f;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x203c;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x2047;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x2048;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#x2049;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#xff01;</p>
</div>
<div>
<p><nobr>&#x4e00;&#x4e8c;&#x4e09;&#x56db;</nobr><br>&#xff1f;</p>
</div>
</span>
</body>
</html>