<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<body>
This test makes sure that adjacent emoji don't overlap. The test passes if there is some (narrow) whitespace between the emoji below.
<div><span style="display: inline-block; transform-origin: top left; transform: scale(5);"><span style="display: inline-block; width: 21px;">😉</span><span style="display: inline-block; width: 21px;">😌</span><span style="display: inline-block; width: 21px;">😗</span></span></div>
</div>
</body>
</html>