为什么 PHPStorm 报告 span 元素不允许填充？

Question

我有以下 html 代码。 PHPStorm 表示此处不允许使用属性填充。我怎样才能快速解决这个问题？

<span style="padding:10px 0;"></span>

Answer 1

Span 元素默认是内联的，因此没有边距、填充、大小等。将其设置为 display: inline-block 或使用 div.

Answer 2

填充适用于 inline-block 和 block 关卡元素

或者使用样式表：

.padded{
  display: inline-block;
  padding: 10px 0;
  background: navajowhite;
}

<span class="padded">I have a class!</span>

Why does PHPStorm report that padding isn't allowed on a span element?