填充不在span标签中工作

Question

好的,首先,我希望你们都知道我已经尝试过使用<span></span>标签(虽然可能不正确).

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

这是我当前创建空间的代码<br></br>:

#beforeImage span {
  padding: 40px;
}

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

Answer 1

要解决的2件事:

• 你在应用CSS来span 的 ID选择,但你使用的是span 用在你的HTML ID选择.

• span不会有,padding因为默认情况下它是一个内联元素,所以设置inline-block或block

片段

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

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