diff options
Diffstat (limited to 'layout/reftests/text-overflow/float-edges-1.html')
-rw-r--r-- | layout/reftests/text-overflow/float-edges-1.html | 73 |
1 files changed, 73 insertions, 0 deletions
diff --git a/layout/reftests/text-overflow/float-edges-1.html b/layout/reftests/text-overflow/float-edges-1.html new file mode 100644 index 0000000000..169913ac31 --- /dev/null +++ b/layout/reftests/text-overflow/float-edges-1.html @@ -0,0 +1,73 @@ +<!DOCTYPE HTML> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<html><head> + <meta charset="utf-8"> + <title>Testcase for bug 944200</title> + <style type="text/css"> +html,body { + color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0; +} + +.container { + border: 1px solid black; + width: 150px; + overflow: hidden; + text-overflow: ellipsis; + text-overflow: ellipsis ellipsis; + 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>aaaaaaaaaaaaaaaaaaaaaa</div> +<div class="container"><div class="float">FF</div>aaaaaaaaaa</div> +<div class="container"><div class="float">FF</div>aaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaaaaaaaaaaaaaa</div> +<div class="container"><div class="float">FF</div>aaaaaaaaaaaaaaaaaaaaaa<br>aaaaaaaaaa</div> + +<div class="container" style="text-indent:-20px"><div class="float left">FF</div>aaaaa</div> +<div class="container" style="text-indent:-20px"><div class="float left">FF</div>aaaaa<br>aaaaaaaaaaaaaaaaaaaaaa</div> +<div class="container" style="text-indent:-20px"><div class="float left">FF</div>aaaaa<br>aaaaaaaaaa</div> +<div class="container" style="text-indent:-20px"><div class="float left">FF</div>aaaaa<br><span style="margin-left:-20px">aaaaaaaaaa</span></div> +</div> + + +<div style="float:right"> +<div class="container"> +aaaaaaaaaa<br> +aaaaaaaaaaaaaaaaaaaaaa<br><div class="float h">FF</div> +aaaaaaaaaaaaaaaaaaaaaa<br> +aaaaaaa<br> +aaaaaaaaaa<br> +aaaaaaaaaaaaaaaaaaaaaa<br> +aaaaaaaaaa<br> +aaaaaaaaaaaaaaaaaaaaaa<br> +</div> + +<div class="container" style="text-indent:-20px"> +aaaaaaaaaa<br> +aaaaaaaaaaaaaaaaaaaaaa<br><div class="float left h">FF</div> +<span style="margin-left:-20px">aaaaaaaaaaaaaaaaaaaaaa</span><br> +aaaaaaaaaaaaaaaaaaaaaa<br> +aaaa<br> +<span style="margin-left:-20px">aaaaaaaaaa</span><br> +aaaaaaaaaa<br> +aaaaaaaaaaaaaaaaaaaaaa<br> +</div> + +</div> +</body> +</html> |