diff options
Diffstat (limited to 'test')
| -rw-r--r-- | test/html/Makefile.am | 2 | ||||
| -rw-r--r-- | test/html/render/margin-rounding.html | 33 | ||||
| -rw-r--r-- | test/html/render/margin-rounding.ref.html | 32 |
3 files changed, 67 insertions, 0 deletions
diff --git a/test/html/Makefile.am b/test/html/Makefile.am index 044d5437..a1fd76e7 100644 --- a/test/html/Makefile.am +++ b/test/html/Makefile.am @@ -23,6 +23,7 @@ TESTS = \ render/img-aspect-ratio-mix.html \ render/img-aspect-ratio-relative-inside-fixed.html \ render/img-aspect-ratio.html \ + render/margin-rounding.html \ render/main-style.html \ render/margin-auto.html \ render/max-width-body.html \ @@ -50,6 +51,7 @@ TESTS = \ XFAIL_TESTS = \ render/div-100-percent-with-padding.html \ render/float-img-justify.html \ + render/margin-rounding.html \ render/margin-auto.html \ render/max-width-html.html \ render/min-width-html.html \ diff --git a/test/html/render/margin-rounding.html b/test/html/render/margin-rounding.html new file mode 100644 index 00000000..2bd5de0e --- /dev/null +++ b/test/html/render/margin-rounding.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test margin rounding</title> + <style type="text/css"> + .container { + width: 205px; + } + + .left, .right { + width: 100px; + height: 100px; + background-color: orchid; + } + + .left { + float: left; + margin-right: 2.5px; + } + + .right { + float: right; + margin-left: 2.5px; + } + </style> + </head> + <body> + <div class="container"> + <div class="left"></div> + <div class="right"></div> + </div> + </body> +</html> diff --git a/test/html/render/margin-rounding.ref.html b/test/html/render/margin-rounding.ref.html new file mode 100644 index 00000000..fbc9419b --- /dev/null +++ b/test/html/render/margin-rounding.ref.html @@ -0,0 +1,32 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test margin rounding</title> + <style type="text/css"> + .container { + width: 205px; + } + + .left, .right { + width: 100px; + height: 100px; + background-color: orchid; + } + + .left { + float: left; + margin-right: 5px; + } + + .right { + float: right; + } + </style> + </head> + <body> + <div class="container"> + <div class="left"></div> + <div class="right"></div> + </div> + </body> +</html> |