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

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

HTML

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

CSS

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

marginとpaddingの値はプレビューを見ながら調整

コメント