summaryrefslogtreecommitdiffstats
path: root/layout/reftests/css-valuesandunits/ch-width-1-ref.html
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--layout/reftests/css-valuesandunits/ch-width-1-ref.html41
1 files changed, 41 insertions, 0 deletions
diff --git a/layout/reftests/css-valuesandunits/ch-width-1-ref.html b/layout/reftests/css-valuesandunits/ch-width-1-ref.html
new file mode 100644
index 0000000000..588234be72
--- /dev/null
+++ b/layout/reftests/css-valuesandunits/ch-width-1-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<style>
+body {
+ font-family: courier new, courier, monospace;
+ line-height: 1;
+}
+div {
+ width: 120px;
+ float: left;
+}
+span {
+ display: inline-block;
+ height: 1em;
+ background: lightgreen;
+}
+</style>
+<p>No red should appear at the tips of the rectangles:</p>
+<script>
+for (var i = 10; i <= 16; i++) {
+ var div = document.createElement("div");
+ div.style.fontSize = i + "px";
+ document.body.appendChild(div);
+ for (var j = 1; j <= 10; j++) {
+ // green span containing the specified number of chars
+ var b = document.createElement("span");
+ b.className = "b";
+ b.textContent = "\xA0".repeat(j);
+ div.appendChild(b);
+ div.appendChild(document.createElement("br"));
+ div.appendChild(document.createElement("br"));
+ }
+ for (var j = 1; j <= 10; j++) {
+ var b = document.createElement("span");
+ b.className = "b";
+ b.textContent = "\xA0".repeat(j);
+ div.appendChild(b);
+ div.appendChild(document.createElement("br"));
+ div.appendChild(document.createElement("br"));
+ }
+}
+</script>