<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>A multi-line link</title>
</head>
<body>
<p>
This test page contains a link that spans two lines.
The center of the bounding box of the link is not inside the link element.
</p>
<p style="max-width: 15em">
<span id="filler"></span>
<a href="#top">a link</a>
</p>
<script>
var filler = document.getElementById('filler');
var link = document.getElementsByTagName('a')[0];
do {
filler.innerHTML += 'x';
} while (link.getClientRects().length < 2);
</script>
</body>
</html>