<!DOCTYPE html>

<style>
	html {
		font-size: 20px;
	}

	body {
		font-size: 2rem;
	}
</style>

<body>
    This should be 40px tall.
    <p id="result"></p>
</body>

<script>
    if (window.testRunner)
        testRunner.dumpAsText();

    // Can't use js-test.js since it causes style recalcs which make this test not
    // test the bug with calling styleForElement inside Document::inheritHtmlAndBodyElementStyles.
    var result = document.getElementById("result");
    if (getComputedStyle(document.body).fontSize === "40px")
        result.textContent = "PASS";
    else
        result.textContent = "FAIL";
</script>