summaryrefslogtreecommitdiffstats
path: root/layout/reftests/text/white-space-2-ref.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/text/white-space-2-ref.html')
-rw-r--r--layout/reftests/text/white-space-2-ref.html68
1 files changed, 68 insertions, 0 deletions
diff --git a/layout/reftests/text/white-space-2-ref.html b/layout/reftests/text/white-space-2-ref.html
new file mode 100644
index 0000000000..f452f43914
--- /dev/null
+++ b/layout/reftests/text/white-space-2-ref.html
@@ -0,0 +1,68 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<!-- Reference -->
+<style>
+div { font:16px sans-serif; border:1px solid black; }
+.container { float:left; width:20%; border-color:cyan; }
+p { width:0; }
+b { font-weight:normal; background-color:yellow; white-space:pre; }
+.cell { display:table-cell; border:1px solid green; }
+.hang { display:inline-block; width:0; overflow:visible; }
+.hang span { display:inline; background-color:yellow; }
+.clip { overflow: hidden; }
+</style>
+</head>
+<body>
+
+<div>
+<p><span class="cell"><b>Hello
+Kitty</b></span>
+<p><span class="cell"><b>Hello Kitty</b></span>
+<p><span class="cell"><b>Hello Kitty</b></span>
+<p><span class="cell"><b>Hello
+Kitty</b></span>
+</div>
+
+<div class="container">
+<p><span class="cell"><b>Hello
+Kitty</b></span>
+<p><span class="cell"><b>Hello
+Kitty</b></span>
+<p><span class="cell"><b>Hello
+Kitty</b></span>
+<p><span class="cell"><b>Hello
+Kitty</b></span>
+</div>
+
+<div class="container">
+<p><span class="cell"><b>Hello
+ Kitty</b></span>
+<p><span class="cell"><b>Hello Kitty</b></span>
+<p><span class="cell"><b>Hello Kitty</b></span>
+<p><span class="cell clip"><b>Hello<span class="hang"><span> </span></span>
+ Kitty</b></span>
+</div>
+
+<div class="container">
+<p><span class="cell"><b>Hello
+Kitty</b></span>
+<p><span class="cell"><b>Hello Kitty</b></span>
+<p><span class="cell"><b>Hello Kitty</b></span>
+<p><span class="cell"><b>Hello
+Kitty</b></span>
+</div>
+
+<div class="container">
+<p><span class="cell"><b>Hello<span class="hang"><span> </span></span>
+Kitty</b></span>
+<p><span class="cell"><b>Hello
+Kitty</b></span>
+<p><span class="cell"><b>Hello<span class="hang"><span> </span></span>
+Kitty</b></span>
+<p><span class="cell"><b>Hello
+Kitty</b></span>
+</div>
+
+</body>
+</html>