页面中间的中心按钮

Question

所以在我的HTML文档中我有：

<button id="scoll-btn">Scroll Down</button>

我的CSS是：

#scoll-btn {
  background: url('../img/arrow_down.png') no-repeat center;
  text-indent: -99999px;
  text-align: center;
  height: 55px;
  width: 55px;
  border: 0;
  margin: 0 auto;
}

因为，我使用text-indent来隐藏我的文字，我无法使用text-align: center;让我的按钮跳转到页面的中心。

任何帮助？

谢谢！