nested-em-line-height-zoomed.html | Explore in Territory

<!DOCTYPE html>
<html>
<head>

<meta name="viewport" content="width=800">
<style>
html { font-size: 16px; }
body { width: 800px; margin: 0; overflow: hidden; }
</style>

<script src="resources/autosizingTest.js"></script>
<script>
  if (window.testRunner)
    testRunner.setPageZoomFactor(2);
</script>

</head>
<body>

<div style="line-height: 1em">
	When this text is autosized to 40px, the line heights of the nested inline elements below should increase in strict proportion.
	<b>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</b>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
	<b><i>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</i></b>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>

</body>
</html>

chromium/third_party/blink/web_tests/fast/text-autosizing/nested-em-line-height-zoomed.html