| <!DOCTYPE html> |
| <script src="../../resources/testharness.js"></script> |
| <script src="../../resources/testharnessreport.js"></script> |
| <style> |
| #parent1 { vertical-align: 50px; } |
| #parent2 { vertical-align: 50%; } |
| #child1, #child2 { vertical-align: inherit; } |
| </style> |
| <div id="parent1"> |
| <div id="child1"></div> |
| </div> |
| <div id="parent2"> |
| <div id="child2"></div> |
| </div> |
| <script> |
| test(function() { |
| assert_equals(getComputedStyle(child1).verticalAlign, "50px"); |
| assert_equals(getComputedStyle(child2).verticalAlign, "50%"); |
| }, "Tests vertical-align inherits correctly"); |
| </script> |
