css - 水平居中对齐内联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/