diff options
Diffstat (limited to 'layout/reftests/text-overflow/float-edges-1-ref.html')
| -rw-r--r-- | layout/reftests/text-overflow/float-edges-1-ref.html | 71 |
1 files changed, 71 insertions, 0 deletions
diff --git a/layout/reftests/text-overflow/float-edges-1-ref.html b/layout/reftests/text-overflow/float-edges-1-ref.html new file mode 100644 index 0000000000..b56b4da8ff --- /dev/null +++ b/layout/reftests/text-overflow/float-edges-1-ref.html @@ -0,0 +1,71 @@ +<!DOCTYPE HTML> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<html><head> + <meta charset="utf-8"> + <title>Reference: Testcase for bug 944200</title> + <style type="text/css"> +html,body { + color:black; background-color:white; font:20px/1 Courier New, Courier, monospace; padding:0; margin:0; +} + +.container { + border: 1px solid black; + width: 150px; + overflow: hidden; + white-space: nowrap; +} + +.float { + float: right; + background: yellow; + width: 50px; + text-indent: 0; +} +.left { float: left; } +.h { height: 3.5em; } + </style> +</head> +<body> + +<div style="float:left"> +<div class="container"><div class="float">FF</div>aaaaaaa…</div> +<div class="container"><div class="float">FF</div>aaaaaaa…</div> +<div class="container"><div class="float">FF</div>aaaaaaa…<br>aaaaaaaaaaa…</div> +<div class="container"><div class="float">FF</div>aaaaaaa…<br>aaaaaaaaaa</div> + +<div class="container" style="text-indent:-20px"><div class="float left">FF</div> …aa</div> +<div class="container" style="text-indent:-20px"><div class="float left">FF</div> …aa<br>aaaaaaaaaaa…</div> +<div class="container" style="text-indent:-20px"><div class="float left">FF</div> …aa<br>aaaaaaaaaa</div> +<div class="container" style="text-indent:-20px"><div class="float left">FF</div> …aa<br><span style="margin-left:-20px"> …aaaaaaa</span></div> +</div> + + +<div style="float:right"> +<div class="container"> +aaaaaaaaaa<br> +aaaaaaaaaaa…<br><div class="float h">FF</div> +aaaaaaa…<br> +aaaaaaa<br> +aaaaaaa…<br> +aaaaaaa…<br> +aaaaaaaaaa<br> +aaaaaaaaaaa…<br> +</div> + +<div class="container" style="text-indent:-20px"> + …aaaaaaa<br> +aaaaaaaaaaa…<br><div class="float left h">FF</div> +<span style="margin-left:-20px"> …aaaaaa…</span><br> +aaaaaaa…<br> +aaaa<br> +<span style="margin-left:-20px"> …aaaaaaa</span><br> +aaaaaaaaaa<br> +aaaaaaaaaaa…<br> +</div> + +</div> +</body> +</html> |