Html 上边距不为';行不通

Html 上边距不为';行不通,html,css,Html,Css,我有一个孩子的空白顶部元素的小问题 CSS: 为什么它不起作用?类。名称粘在顶部 提前谢谢。 将CSS更新为 .name { color: #000000; display: inline-block; margin-top: 50px; } 在您的示例中,您使用的是,而不是块元素,因此您需要在其上使用显示:块或显示:内联块,以便边距起作用 如果将display:block添加到中,则可以使用,因为效果相同。这就是它的工作原理: .name{ display:bloc

我有一个孩子的空白顶部元素的小问题

CSS:

为什么它不起作用?类。名称粘在顶部

提前谢谢。

将CSS更新为

.name {
    color: #000000;
    display: inline-block;
    margin-top: 50px;
}

在您的示例中,您使用的是
,而
不是块元素,因此您需要在其上使用
显示:块
显示:内联块
,以便边距起作用

如果将
display:block
添加到
中,则可以使用
,因为效果相同。

这就是它的工作原理:

.name{
display:block;
padding-top: 50px;
color: #000;
}

尝试添加class
.name
属性
显示:内联块这应该有助于

页边距的发挥作用->事实上,并不是所有的页边距,只有页边顶部和页边底部,
左边的页边距
右边的页边距
仍然有效。是的,但在我的回答中,页边距指的是他有问题的页边距,在这种情况下是页边顶部。@D.Kasipovic。或者我需要指定位置:绝对?@owl它现在有一个边距顶部,不是吗?@D.Kasipovic,我需要相对于类移动文本。breadcrumbs。
.name{
display:block;
padding-top: 50px;
color: #000;
}