空白顶部不工作的span元素?

有人能告诉我我写错了什么吗?一切都在运转，唯一的问题是顶部没有边际。

HTML:

<div id="contact_us"> <!-- BEGIN CONTACT US -->
  <span class="first_title">Contact</span>
  <span class="second_title">Us</span>
  <p class="content">For any questions whatsoever please contact us through the following e-mail address:</p></br></br>
  <p class="e-mail">info@e-mail.com</p></br></br></br></br>
  <p class="read_more"><a href="underconstruction.html">Read More</a></p>
</div> <!-- END CONTACT US -->

CSS:

span.first_title {
  margin-top: 20px;
  margin-left: 12px;
  font-weight: bold;
  font-size: 24px;
  color: #221461;
}

span.second_title {
  margin-top: 20px;
  font-weight: bold;
  font-size: 24px;
  color: #b8b2d4;
}

当前回答

Span是一个不支持垂直边距的内联元素。把边缘放在外部div上。

2012-07-28 12:24:11

其他回答

Span是一个不支持垂直边距的内联元素。把边缘放在外部div上。

2012-07-28 12:24:11

看起来你漏掉了一些选项，试着补充:

position: relative;
top: 25px;

2015-08-11 18:53:17

Span元素为display:inline;默认情况下，您需要将其设置为inline-block或block

将CSS更改为如下所示

span.first_title {
    margin-top: 20px;
    margin-left: 12px;
    font-weight: bold;
    font-size:24px;
    color: #221461;
    /*The change*/
    display:inline-block; /*or display:block;*/
}

2014-10-17 05:23:34

永远记住一件事:我们不能对内联元素垂直应用边距。如果要应用垂直边距，则将其显示类型更改为块或内联块

span {
    display: inline-block;
}

2018-03-16 16:11:00

<span>标签不接受空白，填充你需要添加一些CSS样式，让你的<span>标签作为块或内联块，以便使用空白，填充<span>标签，但最好的使用方式是div标签。

span{ display:inline-block or block;}

2021-09-08 17:14:54

空白顶部不工作的span元素?

推荐文章

最新文章

标签