Add test for max-width and margin auto

campaul · campaul · commit c84f430b57c7 · 2025-06-02T17:32:25.000-05:00
diff --git a/test/html/Makefile.am b/test/html/Makefile.am
@@ -25,6 +25,7 @@ TESTS = \
 	render/img-aspect-ratio.html \
 	render/main-style.html \
 	render/margin-auto.html \
+	render/margin-auto-max-width.html \
 	render/max-width-body.html \
 	render/max-width-div-clamp.html \
 	render/max-width-div.html \
@@ -50,6 +51,7 @@ TESTS = \
 XFAIL_TESTS = \
 	render/div-100-percent-with-padding.html \
 	render/float-img-justify.html \
+	render/margin-auto-max-width.html \
 	render/max-width-html.html \
 	render/min-width-html.html \
 	render/span-padding.html \
diff --git a/test/html/render/margin-auto-max-width.html b/test/html/render/margin-auto-max-width.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 {max-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-max-width.ref.html b/test/html/render/margin-auto-max-width.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:auto }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <div class="child"></div>
+    </div>
+  </body>
+</html>
