Html 保证金:0自动;不起作用

Html 保证金:0自动;不起作用,html,css,ruby-on-rails,Html,Css,Ruby On Rails,我知道这个问题被问了好几次,但我的例子不适用:( 这是我的密码 index.html.erb <div class="welcome"> <h1>h1</h1> <h3>h3</h3> <small>small</small> </div> 移除左侧:100%如皮尔斯·麦戈夫所建议。我创建了一个用于演示的背景色。我还添加了一个背景色来演示80%的宽度和居中位置 .welcom

我知道这个问题被问了好几次,但我的例子不适用:(

这是我的密码

index.html.erb

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

移除左侧:100%如皮尔斯·麦戈夫所建议。我创建了一个用于演示的背景色。我还添加了一个背景色来演示80%的宽度和居中位置

.welcome{
   display: block;
   width: 80%;
   margin: 0 auto;
   background-color: blue;
}
如果您还试图去掉上边距,则该边距来自h1。因此添加以下css:

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

@Pierce
left
属性在没有
position
属性的情况下是无用的,所以这无关紧要。@ciaodarwin它为我居中,或者您是想用div将文本居中。欢迎
h1 {
    margin: 0; /* or just margin-top: 0; */
}