Why does my webpage anchor jump too far down the page?

[DaveSG84]

Hi there,

I have the problem that my anchor jumps too far.

I have listed all the questions/ headlines at the beginning of the page, then you suppose to jump to each section. However, it jumps around 1cm too far or lets say 2-3 lines. Verified it with different browsers. Means it requires to scroll up a bit.

Can you advise where the issue could be, is there a workaround available or another way?

Coding looks like this (an extract):

<ul style="text-align: left;" data-mce-style="text-align: left;">
<li><a style="line-height: 150%;" href="#shipping" data-mce-style="line-height: 150%;"><strong>Shipping</strong></a></li>
<li><a style="line-height: 150%;" href="#shipping-ins" data-mce-style="line-height: 150%;"><strong>Shipping Insurance by ShipTection</strong></a></li>
</ul>
<h2 id="shipping">Shipping</h2>
<p> now a lot of text about shipping</p>
<hr>
<h2 id="shipping-ins">Shipping Insurance by ShipTection</h2>
<ol>
<li>
<p><strong>Shipping Insurance Included:</strong> By default, shipping insurance is automatically added to your order. You can verify its inclusion in your shopping cart. This service is provided as an additional safeguard.</p>
</li>
<li>
<p><strong> and more text and more.</p>
</li>

Thank you