47 lines
1.6 KiB
HTML
47 lines
1.6 KiB
HTML
<html>
|
|
<head>
|
|
<title>Line breaks after closing punctuations</title>
|
|
</head>
|
|
<body>
|
|
These are good:
|
|
<div style="font-size:16pt; text-decoration:underline; width:5em;">
|
|
<p style="border:solid green 1px;">
|
|
(111111)<br>(222222)
|
|
</p>
|
|
<p style="border:solid green 1px;">
|
|
[111111]<br>[222222]
|
|
</p>
|
|
</div>
|
|
</div>
|
|
The following two should look like “good”:
|
|
<div style="font-size:16pt; text-decoration:underline; width:5em;">
|
|
<p style="border:solid blue 1px;">
|
|
(111111)(222222)
|
|
</p>
|
|
<p style="border:solid blue 1px;">
|
|
[111111][222222]
|
|
</p>
|
|
</div>
|
|
These are bad:
|
|
<div style="font-size:16pt; text-decoration:underline; width:5em;">
|
|
<p style="border:solid red 1px;">
|
|
<nobr>(111111)(222222)</nobr>
|
|
</p>
|
|
<p style="border:solid red 1px;">
|
|
<nobr>[111111][222222]</nobr>
|
|
</p>
|
|
</div>
|
|
<div id=result></div>
|
|
<script>
|
|
if (window.testRunner)
|
|
testRunner.dumpAsText();
|
|
|
|
function paragraphHeight(paragraphNumber) {
|
|
return document.defaultView.getComputedStyle(document.getElementsByTagName("p")[paragraphNumber], null).getPropertyValue("height")
|
|
}
|
|
|
|
document.getElementById("result").innerHTML = (paragraphHeight(0) == paragraphHeight(2) && paragraphHeight(1) == paragraphHeight(3)) ? "PASS" : "FAIL";
|
|
</script>
|
|
</body>
|
|
</html>
|