<!DOCTYPE html>
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
</head>
<body style="text-rendering: optimizeLegibility;">
This test makes sure that 0-sized fonts have 0-sized advances. The green rectangle below's height should be less than 30 pixels.
<div id="sample" style="font-size: 0; width: 970px; background: green;"><div style="display: inline-block; width: 320px; height: 20px; font-size: 16px; background: green;"></div> <div style="display: inline-block; width: 648px; height: 10px; font-size: 16px; background: green;"></div></div>
<script>
shouldBeTrue("document.getElementById('sample').getBoundingClientRect().height < 30");
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>