webkit-box-vertically-centered.html (633B)
1 <!DOCTYPE html> 2 <script src="/resources/testharness.js"></script> 3 <script src="/resources/testharnessreport.js"></script> 4 <style> 5 #wb { 6 display: -webkit-box; 7 -webkit-box-align: center; 8 -webkit-box-orient: vertical; 9 } 10 </style> 11 <div id="wb"> 12 <span id="t">text</span> 13 </div> 14 <script> 15 test(function() { 16 var child = document.getElementById("t"); 17 var webkitBox = document.getElementById("wb"); 18 // |webkitBox| should be centered, this at least ensures it's not left 19 // aligned. 20 assert_greater_than(child.offsetLeft, webkitBox.offsetLeft); 21 }, "Child in vertically centered webkit-box is centered"); 22 </script>