内联元素设置左右margin是无效的，虽然设置内联元素的padding是有效的，但是设置内联元素的上下padding效果是不符合预期的，在其外加一个父容器(块级或者内联)，给内联元素设置上下padding，当padding大于一定值，内联元素的上下padding就会超出父容器，用开发者工具调式能看见，此时发现内联元素的内容也不垂直居中显示了。

    demo

    demo

    demo3

    上面演示的3个demo都是父子都是span,将 父span 改成 父div 也是一样的。

    总之，给内联元素加上下padding是很危险的，不知道什么时候就超出父容器了，内部内容也不垂直居中显示了。

    内联元素内部文本默认就是水平垂直居中显示的，不要设置 内联元素的上下 padding 和 上下 margin。可以使用内联元素的左右 margin 和 左右 padding 。