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 자동; 당신의 표제를 중심에두기 위하여

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