ページ内リンクでジャンプした先の上部分に少し余白をつけたいとき

ページ内リンクでジャンプした先の見え方が
ギリギリになってしまったり半分隠れることも
（特にヘッダーを固定しているとき）
もう少し上の方で止まってくれたら…
そんなとき

HTML

<a id="midashi" name="midashi">見出し</a>

CSS

a#midashi{
         display: block;
         margin-top: -10px;
         padding-top: 10px;
}

paddingで余白を設ければ位置を調整できるけど
デザイン的に余白を付けたくない
そこでマイナスのmarginを使い見た目だけ打ち消します
marginとpaddingの値はプレビューを見ながら調整