div中的中心文本就像一个img元素

Question

我可以轻松地将固定图像集中在页面上，但是当涉及到文本时，它似乎更复杂。这个jsFiddle演示了图像如何居中但文字不是。如何以相同的方式居中文本？谢谢你的阅读。

.center{
         display:table;
         position:fixed;
         left:0;
         right:0;
         margin:auto;
         border:1px solid grey;
}

<div class = "center">text</div>

Answer 1

只需将text-align:center;和width:100%;添加到您的CSS即可。这是你在找什么？

Updated Fiddle

编辑：您可以将width:100%;替换为width:yourWidthYouWant;，它也会有效。

Answer 2

给出宽度并使用text-align:center http://jsfiddle.net/Rc9fa/358/

.center{
width:100px;
text-align:center;
display:table;
position:fixed;
left:0;
right:0;
margin:auto;
border:1px solid grey;

}