对span标签使用margin-top和margin-bottom没有效果

<span>标签是行内元素，对宽高属性不生效，完全靠内容撑开，对<span>标签来说，只有margin-left和margin-right起作用。

想要margin-top和margin-bottom对<span>标签生效，可以把<span>标签通过display:inline-block;或者display:block;更改为行内块元素或者块级元素。