CSS是一种非常重要的前端技术，它可以让我们对网页的样式进行精细调整。在CSS中，按钮是一个非常常见的元素。一个好看的按钮不仅可以提升页面的美观度，还可以增加用户的体验感。在这里，我们主要讨论的是CSS按钮中文字的位置。

.button {background-color: #4CAF50;border: none;color: #FFFFFF;padding: 10px 20px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;cursor: pointer;}

在上面这段CSS代码中，我们可以看到text-align: center;这一行。这个属性的作用是将按钮中的文字水平居中。如果我们将它改为text-align: left;，那么按钮中的文字就会靠左对齐。同样的，如果我们将它改为text-align: right;，那么按钮中的文字就会靠右对齐。

除了水平对齐，我们还可以通过line-height属性来控制文字的垂直位置。line-height属性的值一般设置为按钮的高度，这样就可以实现文字在按钮中的垂直居中了。

.button {background-color: #4CAF50;border: none;color: #FFFFFF;padding: 10px 20px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;cursor: pointer;line-height: 40px;}

上面的代码中，line-height属性的值为40px，与按钮的高度一致。这样，即使文字的大小变化了，它们仍然会在按钮的中央。

总而言之，通过text-align和line-height这两个属性，我们可以轻松地控制按钮中文字的位置，实现我们想要的效果。