diff --git a/testing/web-platform/tests/css/css-break/reference/widows-block-in-inline-001-ref.html b/testing/web-platform/tests/css/css-break/reference/widows-block-in-inline-001-ref.html
new file mode 100644
index 0000000000000..c2f4768613e4c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-break/reference/widows-block-in-inline-001-ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<style>
+.columns {
+  columns: 3;
+  column-fill: auto;
+  line-height: 1;
+  height: 5em;
+  orphans: 3;
+  widows: 3;
+}
+</style>
+<body>
+  <div class="columns">
+    <div>
+      p1l1<br>
+      p1l2<br>
+      p1l3<br>
+    </div>
+    <div>
+      p2l1<br>
+      p2l2<br>
+      p2l3<br>
+      p2l4<br>
+      p2l5<br>
+      p2l6<br>
+      p2l7<br>
+    </div>
+  </div>
+</body>
diff --git a/testing/web-platform/tests/css/css-break/widows-block-in-inline-001.html b/testing/web-platform/tests/css/css-break/widows-block-in-inline-001.html
new file mode 100644
index 0000000000000..8b5438bbc7251
--- /dev/null
+++ b/testing/web-platform/tests/css/css-break/widows-block-in-inline-001.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<title>CSS Fragmentation level 3 Test: widows and orphans in block-in-inline</title>
+<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">
+<link rel="help" href="https://drafts.csswg.org/css-break/#widows-orphans">
+<link rel="match" href="reference/widows-block-in-inline-001-ref.html">
+<style>
+.columns {
+  columns: 3;
+  column-fill: auto;
+  line-height: 1;
+  height: 5em;
+  orphans: 3;
+  widows: 3;
+}
+</style>
+<body>
+  <div class="columns">
+    <div>
+      p1l1<br>
+      p1l2<br>
+      p1l3<br>
+    </div>
+    <span>
+      <div>
+        p2l1<br>
+        p2l2<br>
+        p2l3<br>
+        p2l4<br>
+        p2l5<br>
+        p2l6<br>
+        p2l7<br>
+      </div>
+    </span>
+  </div>
+</body>
