3 files changed, 34 insertions, 0 deletions
diff --git a/tests/ref/html/block-html.html b/tests/ref/html/block-html.html
new file mode 100644
index 00000000..98d971b8
--- /dev/null
+++ b/tests/ref/html/block-html.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+  </head>
+  <body>
+    <p>
+      Paragraph
+    </p>
+    <div>
+      Div
+    </div>
+  </body>
+</html>
diff --git a/tests/ref/html/box-html.html b/tests/ref/html/box-html.html
new file mode 100644
index 00000000..5c970a6b
--- /dev/null
+++ b/tests/ref/html/box-html.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+  </head>
+  <body>
+    <p>
+      Text <span style="display: inline-block;">Span</span>.
+    </p>
+  </body>
+</html>
diff --git a/tests/suite/layout/container.typ b/tests/suite/layout/container.typ
index bb53a041..f15ddfe4 100644
--- a/tests/suite/layout/container.typ
+++ b/tests/suite/layout/container.typ
@@ -264,6 +264,13 @@ First!
   image("/assets/images/rhino.png", width: 30pt)
 )
 
+--- box-html html ---
+Text #box[Span].
+
+--- block-html html ---
+Paragraph
+#block[Div]
+
 --- container-layoutable-child ---
 // Test box/block sizing with directly layoutable child.
 //