<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=800">
<style>
body {
font-size: 16px;
margin: 0;
overflow: hidden;
width: 800px;
}
</style>
<script src="resources/autosizingTest.js"></script>
</head>
<body>
<div id="outer">
This test verifies that a text autosizing multiplier that is inherited from a
parent element's ComputedStyle is reflected in the computed font size, even if the
specified font size is different and the next text autosizing pass doesn't alter
the multiplier.
</div>
<script>
var outer = document.querySelector('#outer');
var inner = document.createElement('div');
inner.innerText = outer.innerText;
inner.style.fontSize = '12px';
outer.appendChild(inner);
</script>
</body>
</html>