我无法将文本放置在边框内

Question

好吧，我试图设置边框，以便可以有一个按钮，但是当我这样做时，文本会移动吗？

如何在y轴方向上居中放置文本，使其像其他导航元素一样内嵌。您可以在上图中看到我的意思。

#freebook{
    width: auto;
    height: 45px;
    box-shadow: rgba(0,0,0,0.25) 0 2px 5px;
    text-align: center;
    margin-bottom: 10px;
    padding-top: -10px;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    cursor: pointer;
    font-family: nunito;
    border-radius: 6px;
    color: #3e8ef7 !important;
    background-color: #dfebef;
    border: #3e8ef7 2px solid;
}

Answer 1

按如下所示编辑css，技巧是删除填充并添加行高

#freebook{
    width: auto;
    height: 45px;
    
    line-height:1;
    
    box-shadow: rgba(0,0,0,0.25) 0 2px 5px;
    text-align: center;
   
    
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    cursor: pointer;
    font-family: nunito;
    border-radius: 6px;
    color: #3e8ef7 !important;
    background-color: #dfebef;
    border: #3e8ef7 2px solid;
}

<button id="freebook" >some text</button>