如何将margin-top应用于<small>标签？

Question

我想将margin-top设置为<small>标记。换句话说，我如何用上部元素增加<small>标签的空间？

注意：我可以使用line-height增加空间，但我只是想从顶部设置空间，而不是从顶部和底部设置空间。

＆＃13;

＆＃13;

small{
    margin-top: 100px;
    color: #999;
}

＆＃13;

<div>It is a test<div>
<small>this need to some margin-top</small>

＆＃13;

＆＃13;

＆＃13;

我该怎么做？

Answer 1

  

Box Model - 8.3 Margin properties

     

边距属性指定框的边距区域的宽度。 '保证金'速记属性设定所有四边的保证金，而其他保证金属性仅设定各自的边。这些属性适用于所有元素，但垂直边距不会对未替换的内联元素产生任何影响。

默认情况下，small代码为inline。如上面的规范所述，垂直边距不适用于严格的inline级元素。

您可以将display更改为inline-block，它会按预期工作：

small {
  margin-top: 100px;
  color: #999;
  display: inline-block;
}

<div>It is a test<div>
<small>this need to some margin-top</small>