margin:0 auto没效果是什么原因

首先进行了一个html的布局，一个div标签分别包含行内标签和块级标签，我想在居中的元素里再使用margin：0 auto居中。

第二步给div,p,span三个属性进行添加css样式，同样是添加了margin：0 auto，但只有div居中

效果如下：

第三步：问题所在，后来发现，
1.如果当前元素没有设置宽高属性的情况下，margin:0 auto是不起任何效果的；
2.如果当前元素使用百分比设置宽高，margin:0 auto同样不起效果
3.如果是行内元素，需要先转化为块级元素，注行内块不行，必须是块级

第四步：