使文本在按钮内居中。使用此代码。

.btn-work{ text-align: center; }

要使按钮居中，请使用父div将其对齐到中心。
CSS：

div.parentElement{text-align: center;}
 .btn-work{ display: inline-block; }

HTML：

<div class="parentElement">
    <a class="btn btn-default btn-work" href="#">Check my work</a>
</div>

完整CSS：

div.parentElement{text-align: center;}

.btn-work {
    width: 250px;
    height: 50px;
    margin: 0 auto;
    padding: 0;
    display: inline-block;
    line-height: 50px;
    text-align: center;
}

看到这个fiddle

使用

display: table-cell;
vertical-align: middle;

在您的CSS中为.btn-work添加。
所以，完整的CSS就像

.btn-work {
    width: 250px;
    height: 50px;
    margin: 0 auto;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
}

上面的输出就像

我刚发现的。
就用
line-height: 0px;
在你的按钮CSS中。
现在，您的CSS看起来像这样:-
.btn{ line-height: 0px;}

有时使用text-align: center不起作用，即使在父元素上也是如此。
您可能需要：

padding: 0;

在这里，您可以将链接作为按钮。您可以在标记内制作按钮。

<a class="btn btn-default btn-work" href=""><input type="button" class="btn btn-default btn-work" value="Check my work"/></a>

你可以用

button {
  justify-content: center;
}

在按钮本身上，可以为所有按钮创建一个类并应用CSS