<!DOCTYPE html> <meta charset="utf-8"> <title>CSS Values and Units Test: lh unit based on inherited line-height</title> <link rel="help" href="https://drafts.csswg.org/css-values-4/#font-relative-lengths"> <link rel="help" href="https://crbug.com/1487480"> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> <style> #lh50, #lh100 { height: 1lh; } </style> <div style="line-height: 50px"> <div id="lh50"></div> </div> <div style="line-height: 100px"> <div id="lh100"></div> </div> <script> test(() => { assert_equals(getComputedStyle(lh50).height, "50px"); assert_equals(getComputedStyle(lh100).height, "100px"); }, "lh relative to line-height inherited from parent"); </script>