diff options
Diffstat (limited to 'layout/reftests/text/white-space-2-ref.html')
-rw-r--r-- | layout/reftests/text/white-space-2-ref.html | 68 |
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> |