为什么我的样式标签在边框上看起来略高？

Question

我在导航中创建了标记，然后对其进行样式设置，但标记中的文本在其边框中看起来略高。我该怎么办？

Answer 1

**这是代码**

.nav-button {
color: #fff;
text-decoration: none;
font-size: 1.3rem;
border: 1px solid #fff;
border-radius: 15px;
background: blue;
padding: 8px 16px;
}

<a href="#" class="nav-button">Contact</a>