1 files changed, 22 insertions, 0 deletions
diff --git a/testing/web-platform/tests/compat/webkit-box-vertically-centered.html b/testing/web-platform/tests/compat/webkit-box-vertically-centered.html
new file mode 100644
index 0000000000..4932274e90
--- /dev/null
+++ b/testing/web-platform/tests/compat/webkit-box-vertically-centered.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+#wb {
+  display: -webkit-box;
+  -webkit-box-align: center;
+  -webkit-box-orient: vertical;
+}
+</style>
+<div id="wb">
+  <span id="t">text</span>
+</div>
+<script>
+  test(function() {
+    var child = document.getElementById("t");
+    var webkitBox = document.getElementById("wb");
+    // |webkitBox| should be centered, this at least ensures it's not left
+    // aligned.
+    assert_greater_than(child.offsetLeft, webkitBox.offsetLeft);
+  }, "Child in vertically centered webkit-box is centered");
+</script>