margin：0 auto;不工作

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％裨erce McGeough建议。我创建了一个simple fiddle来演示。我还添加了背景颜色来展示80％的宽度和居中位置。

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

如果你也试图摆脱顶部边距，那一个来自h1。因此，添加以下的CSS：

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