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;
}