为什么span元素设置margin-left有效，而margin-top无效

span是内联元素

margin-left有效：内联元素的布局方向就是水平的，所以不仅margin-left有效，padding-left也有效。
margin-top无效：由于内联元素的特性，内联元素的垂直对齐方式是基于所包含文本的基线进行的。另外在盒模型计算中，内联元素的margin-top和margin-bottom不会参与到页面布局计算中。

如果想要设置内联元素的水平位置，可以使用line-height属性