html - 边距：0 自动；不工作

Question

我知道这个问题被问了几次，但它不适用于我的示例:(

这是我的代码

index.html.erb

<div class="welcome">
    <h1>h1</h1>
    <h3>h3</h3>
    <small>small</small>
</div>

css

body {
   margin: 0;
   padding: 0;
   background-image:url('sitebackground.jpg');
   background-repeat: no-repeat; 
}

.welcome{
   display: block;
   left: 10%; 
   width: 80%;
   margin:0 auto;
}

Answer 1

删除左侧：100% 正如 Pierce McGeough 建议的那样。我创建了一个简单的小提琴来演示。我还添加了背景颜色来展示 80% 的宽度和居中位置。

.welcome{
   display: block;
   width: 80%;
   margin: 0 auto;
   background-color: blue;
}

如果您还试图摆脱上边距，则该边距来自 h1。所以添加以下css：

h1 {
    margin: 0; /* or just margin-top: 0; */
}