헤더 정렬 - Wordpress

Question

현재 내 웹 사이트 로고, 메뉴 및 연락 버튼을 정렬하려고합니다. (http://bathpluskitchen.com/)

나는 수많은 CSS 조정을 시도했지만 제대로되지는 않습니다. 어떤 아이디어?

Answer 1

이러한 모든 요소를 ​​컨테이너 div에 넣으십시오.

1- 라인 높이 방법 :

.middle-align { 
    height: 200px; /* 200px is an example height */ 
    line-height: 200px; /* again, an example height */ 
} 

-2- 표 스타일링 방법

<div class="middle-align"> 
    <!-- your elements here --> 
</div> 

그럼 다음 스타일 사용

.middle-align { 
    display: table; 
} 

및 모든 자식 요소 용기를 만들

<div class="middle-align-child"><!-- child element here --></div> 

.middle-align-child { 
    display: table-cell; 
    vertical-align: middle; 
}