为什么复选框可以有顶部/底部边距？

Question

为什么这工作作风：

input[type=checkbox] { margin-top: 50px; } 

但不是这样的：

span { margin-top: 50px; } 

两个元素是display: inline;，而据我能够收集，既不inline也不inline-block元素都应该能够有垂直边际。然而，复选框似乎违反了这条规则...

Answer 1

因为它们是inline-block元素，就像<textarea>或<button> ..您当然可以将所有内容应用于可以作为块级元素的嵌入块元素。

Answer 2

inline-block元素实际上可以有垂直边距。