display: inline-block;设置 margin-top:无效的解决办法

一个带display元素：inline-block，但是它似乎不接受margin-top。这是因为该元素仍被视为内联元素吗

.label {
  background: #ffffff;
  display: inline-block;
  margin-top: -2px;
  padding: 7px 7px 5px;
}

方法一:使用display: table。它具有inline-block的内容适合属性，但也支持负边距，以使跟随其后的内容随之移动。

方法二：可以尝试将负边距替换为

.label{
    position:relative;
    top:-2px;
}