머리글이 세로로 정렬되어 있지 않습니다.

Question

저는 website입니다. 위로 스크롤하면 머리글이 가운데 선 바로 위에 표시됩니다. 나는 그것을 보라색 것과 같게 만드는 방법을 알아낼 수 없다. 어떤 아이디어?

.main section.page3 h1 { 
     text-align: center; 
     padding: 0; 
     margin-bottom: 0; 
     font-size: 70px; 
     letter-spacing: -1px; 
     color: black; 
    } 

을 그리고 보라색 페이지 : 녹색 페이지 헤더

코드

.main section.page2 > img { 
     position: absolute; 
     top: -300px; 
     left: 50%; 
     margin-left: -1095px; 

내가 무엇을 가지고 :

내가 원하는 것은 :

을

Answer 1

개발자 도구에서이 도구를 살펴보고 약간의 여백을 제거해야하는 것처럼 보입니다. 그들은 .page2 .page_container 요소이며,하여 .page2 h1 요소 :

.main section.page2 .page_container { 
    margin-top: 240px;     /* Remove this. */ 
    overflow: hidden; 
} 
.main section.page2 h1 { 
    text-align: center; 
    padding: 0; 
    margin-top: 150px;     /* Remove this. */ 
    font-size: 50px; 
    letter-spacing: -1px; 
    color: white; 
}