HTML5 - コンテナを追加するにはどうすればよいですか？

Question

ウェブ開発に新しいので、ちょっとした助けが必要です。

私は見出し1と見出し2の後ろにボックスを作成しましたが、それらを整列させる方法はわかりません。私はdivに精通していません。まだ

HTML

<h1>Pitbull Publo's Photogallery </h1> 

<h2>A photo gallery of the worlds CUTEST Pitbull, from Puppy to Beast.</h2> 

これらは、スタイルタグの間にあります。

 h1 { 
      color: #992343; 
      width: 700px; 
      height: 50px; 
      background-color: #F7EF84; 
      border: 1px ridge #df80ff; 
      position: center; 
      text-align: center; 
      } 

     h2 { 
      color: #992343; 
      width: 700px; 
      height: 75px; 
      background-color: #F7EF84; 
      border: 1px ridge #df80ff; 
      text-align: center; 
      } 

私は箱のコンテナを作成する必要があります。助けてください！

Answer 1

マージンを使用してください：0 auto;あなたの見出しを中心にするには

h1 { 
     color: #992343; 
     width: 700px; 
     height: 50px; 
     background-color: #F7EF84; 
     border: 1px ridge #df80ff; 
     position: center; 
     text-align: center; 
     margin: 0 auto; 
     } 

    h2 { 
     color: #992343; 
     width: 700px; 
     height: 75px; 
     background-color: #F7EF84; 
     border: 1px ridge #df80ff; 
     text-align: center; 
     margin: 0 auto; 
     }