31 lines
1.3 KiB
HTML
31 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<style>
|
|
.hang { white-space: pre; }
|
|
.not-hang { white-space: pre; }
|
|
.frame { width: 65px; font-family: ahem; border: solid 3px cyan; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!--
|
|
Test for checking overflowing conditions of hanging-punctuation: allow-end.
|
|
http://www.w3.org/TR/2012/WD-css3-text-20121113/#hanging-punctuation0
|
|
-->
|
|
<!-- Overflow occurred at U+3001. This should hang. -->
|
|
<div class="hang frame">ab c、</div>
|
|
<!-- Overflow occurred at "d". This should NOT hang. -->
|
|
<div class="not-hang frame">ab
|
|
cd、</div>
|
|
<!-- Overflow occurred at first U+3001. This should NOT hang. -->
|
|
<div class="not-hang frame">ab
|
|
c、、</div>
|
|
<!-- Overflow occurred at second U+3001. This should hang. -->
|
|
<div class="hang frame">a b、、</div>
|
|
<!-- Hanging with soft hyphen. This should hang. -->
|
|
<div class="hang frame">a b­c、</div>
|
|
<!-- Overflow occurred at U+3001 and there is a <br> after it. This should hang. -->
|
|
<div class="hang frame">ab c、<br></div>
|
|
</body>
|
|
</html> |