css 不确定元素宽度的水平居中

对于一个不确定宽度的元素居中，我们想到使用的方法是

text-align:center;

或者

margin:0 auto;

text-align只对行内元素有效，对于块元素我们要用margin，块元素还需要给定一个宽度才能居中，否则不会有效果。

问题来了：当我有一个不定宽度的块元素如何居中呢？

答案是先把块元素添加一个属性

display:inline-block;

再从父元素添加text-align:cenger;居中。