html – 填充在span标记中不起作用

好的,首先,我想让大家知道我尝试过使用< span>< / span>标签(虽然可能不正确).

对于< span>< / span>有什么问题吗？标签？或者有什么我需要完全不同的做法？

以下是我目前使用< br>< / br>创建空间的代码：

#beforeImage span {
  padding: 40px;
}

<span id="beforeImage">text</span>

解决方法

要解决的2件事：

>您正在将CSS应用于ID选择器的范围,但您在HTML中使用带有ID选择器的范围.
> span将没有填充,因为默认情况下它是一个内联元素,因此设置内联块或块

片段

#beforeImage {
  padding: 40px;
  display: inline-block; /* or block */
 /* demo */
  background: red
 
}

<span id="beforeImage">Foo bar</span>