diff --git a/css/css-overflow/line-clamp/reference/webkit-line-clamp-050-ref.html b/css/css-overflow/line-clamp/reference/webkit-line-clamp-050-ref.html
new file mode 100644
index 00000000000000..1fa0720aeaf433
--- /dev/null
+++ b/css/css-overflow/line-clamp/reference/webkit-line-clamp-050-ref.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<style>
+  .clamp {
+    display: block;
+    padding: 10px;
+    border: solid 3px;
+    width: 100px;
+  }
+  .clamp div {
+    border: medium solid green;
+    padding: 15px;
+  }
+</style>
+<div class="clamp">
+  Line1
+  <div>Line2…</div>
+</div>
diff --git a/css/css-overflow/line-clamp/webkit-line-clamp-050.html b/css/css-overflow/line-clamp/webkit-line-clamp-050.html
new file mode 100644
index 00000000000000..973871b72d8532
--- /dev/null
+++ b/css/css-overflow/line-clamp/webkit-line-clamp-050.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<link rel="help" href="https://drafts.csswg.org/css-overflow-4/#propdef--webkit-line-clamp">
+<link rel="help" href="https://github.com/w3c/csswg-drafts/pull/10816">
+<link rel="match" href="reference/webkit-line-clamp-050-ref.html">
+<style>
+  .clamp {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    padding: 10px;
+    border: solid 3px;
+    width: 100px;
+  }
+  .clamp div {
+    border: medium solid green;
+    padding: 15px;
+  }
+  span {
+    /* TODO: Remove once we don't paint clamped lines */
+    color: transparent;
+  }
+</style>
+<div class="clamp">
+  Line1
+  <div>Line2<br><span>Line3</span></div>
+  <span>Line4</span>
+  <div>Line5<br>Line6</div>
+  Line7
+</div>
