crbug.com/247626

HTML

<span style="font-size: small;">
<a href="#block0">Block 0</a><br>
<a href="#block1">Block 1</a><br>
<a href="#block2">Block 2</a><br>
<a href="#block3">Block 3</a><br>
<a href="#block4">Block 4</a><br>
</span>

<hr>

<a name="block0"></a><span class="h">Block 0</span>

<span style="display:block;">
<span>In the Block 0.</span><br>
<span class="spacer"></span>

<a name="block1"></a><span class="h">Block 1</span><br>
<span class="spacer"></span>


<a name="block2"></a><span class="h">Block 2</span><br>
<span class="spacer"></span>

<a name="block3"></a><span class="h">Block 3</span><br>
<span class="spacer"></span>

<a name="block4"></a><span class="h">Block 4<br>
</span>
<span class="spacer"></span>


</span>
<hr>
<pre id=console></pre>

<div style="height: 2000px;"></div>

CSS

.h {
  font-size: large;
}
.spacer {
  line-height: 40;
}

a {
    padding: 1px;
}

JavaScript

var console = document.getElementById('console');
var els = document.getElementsByTagName('a');
for (var i = 0; i < els.length; ++i) {
    var rect = els[i].getBoundingClientRect();
    console.textContent += 'href=' + els[i].href + ' name=' + els[i].name + ':\t' + rect.left + ',' + rect.top + '\n';
}