diff options
| author | Rodrigo Arias Mallo <rodarima@gmail.com> | 2024-02-01 18:53:08 +0100 |
|---|---|---|
| committer | Rodrigo Arias Mallo <rodarima@gmail.com> | 2024-02-01 18:53:08 +0100 |
| commit | 9803318b28b5a3ef29987a093c38c5132ada1138 (patch) | |
| tree | 6f379525e7c0d5f3111f0609e60c1270d7c7dd50 /test | |
| parent | 8f84a4d8bc90eadc41925476d0e3cc6c450ec7fe (diff) | |
Add margin auto HTML render test
Diffstat (limited to 'test')
| -rw-r--r-- | test/html/Makefile.am | 2 | ||||
| -rw-r--r-- | test/html/render/margin-auto.html | 16 | ||||
| -rw-r--r-- | test/html/render/margin-auto.ref.html | 16 |
3 files changed, 34 insertions, 0 deletions
diff --git a/test/html/Makefile.am b/test/html/Makefile.am index 43fa746a..bf01b117 100644 --- a/test/html/Makefile.am +++ b/test/html/Makefile.am @@ -9,6 +9,7 @@ TESTS = \ render/b-div.html \ render/float-img-justify.html \ render/img-aspect-ratio.html \ + render/margin-auto.html \ render/max-width-body.html \ render/max-width-div.html \ render/max-width-html.html \ @@ -24,5 +25,6 @@ TESTS = \ XFAIL_TESTS = \ render/float-img-justify.html \ render/img-aspect-ratio.html \ + render/margin-auto.html \ render/max-width-html.html \ render/min-width-html.html diff --git a/test/html/render/margin-auto.html b/test/html/render/margin-auto.html new file mode 100644 index 00000000..560234c0 --- /dev/null +++ b/test/html/render/margin-auto.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test CSS margin auto</title> + <style> + div {height:100px} + .container {width:300px; background: lightgreen} + .child {width:100px; background: brown; margin:auto } + </style> + </head> + <body> + <div class="container"> + <div class="child"></div> + </div> + </body> +</html> diff --git a/test/html/render/margin-auto.ref.html b/test/html/render/margin-auto.ref.html new file mode 100644 index 00000000..ec7b973d --- /dev/null +++ b/test/html/render/margin-auto.ref.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<html> + <head> + <title>Test CSS margin auto</title> + <style> + div {height:100px} + .container {width:300px; background: lightgreen} + .child {width:100px; background: brown; margin-left:100px; margin-right:100px } + </style> + </head> + <body> + <div class="container"> + <div class="child"></div> + </div> + </body> +</html> |