不是说内联元素不能设置边距的嘛？我看好多实例也是怎么做的 直接设置内边距 而且没有把内联元素转为内联块。。
可能是你用到了内联元素中的可替换元素来测试的,也叫置换元素,在w3c的标准中有解释,他们对padding和margin的设置均有效,另外的不可替换元素则对padding和margin没有垂直效果,比如padding-bottom并不存在,但是影响了border的样式.
我发现padding是可以用，而且上下左右都可以，但margin就只有左右没有上下了
估计是 你看到的 内联元素 样式里 加了 display:block;吧
div这样的块级元素，就会自动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形的样子；
与之相反，像“span”这样的行内元素，则没有自己的独立空间，它是依附于其他块级元素存在的，因此，对行内元素设置高度、宽度、内外边距等属性，都是无效的。（内边距padding上下无效，左右有效。）
个人理解：padding就是内容，一旦设置了，那么块元素里面的内容元素就会有效果