CSS에서 고정 된 높이의 제목을 수직 중심으로 중심하십시오

Question

헤더가 있습니다

<h1>My Header</h1>

높이가 있습니다 150px 그리고 a font-size 말의 1.3em;헤더 텍스트를 CSS를 수직으로 수직으로 만들 수 있습니까? 나는 오히려 컨테이너 div에 그것을 감싸지 않겠다 (Divs를 포장하는 것은 CSS 전체 아이디어를 실제로 물리 쳤다).

Answer 1

가장 좋은 방법은이 규칙을 추가하는 것입니다.

h1 {
    line-height: 150px;
}

높이 값을 설정할 필요가 없으며 글꼴 크기가 수직 정렬에 영향을 미치지 않습니다.

Answer 2

제목의 높이가 150px 인 경우 line-height 150px로?

h1
{
    font-size: 1.3em;
    line-height: 150px;
    height: 150px;
}