Css 水平居中对齐内联html元素

好的，我在一个具有固定宽度的div中有一个锚元素，锚元素需要保持内联，因为它保存的文本是动态的，它有一个背景，因为它是一个按钮。我希望按钮的背景也是文本长度的大小。有没有办法做到这一点

<div class="wrap">
<a class="button>Start »</a>
</div>



 .wrap{
     width:900px;
background:white;
    }

    a{
    display:inline;
background:black;

    }

我想

.wrap{
    width:900px;
    text-align: center;
}

我会成功的

看

和文本对齐：在div上居中不起作用？还有，它是acnhor还是按钮？a元素已经有显示：inline.Set property
line height
。我希望按钮的背景也只能是文本长度的大小。我希望按钮的背景也只能是文本长度的大小。它应该与我之前提供的JSFIDLE一起工作，但我现在已经更新了示例