ページ内リンクの位置を微調整できない(実際に遭遇した例)

廃止されたHTML要素の属性を使用している

<a> 要素 の name 属性
→ id属性へ変更

遷移先で、インライン要素を使用している

対応案a.CSSでブロック要素へ変更する

<style>

  #a1{

    margin-top: -1rem; /* リンク位置上昇分 */

    padding-top: 1rem; /* 上昇分を戻す分 */

    display:block;

  }

</style>

対応案b.HTMLをブロック要素へ変更する