水平居中对齐内联html元素

Question

好的，所以我在一个固定宽度的div中有一个锚元素，锚元素需要保持内联，因为它所持有的文本是动态的，它有一个背景，因为它是一个按钮。我希望按钮的背景也只是文本长度的大小。有办法吗？

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



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

    a{
    display:inline;
background:black;

    }

Answer 1

我认为

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

会做的伎俩

见

http://jsfiddle.net/jEsRG/3/