[CSS] 가상 요소를 사용하여 inline-block 요소를 수직으로 가운데 정렬하기

[CSS] 가상 요소를 사용하여 inline-block 요소를 수직으로 가운데 정렬하기

가상요소(Pseudo Element)는 inline-block 요소로 행동하기 때문에 vertical-align: middle 규칙을 사용하여 다른 inline-block 요소(로그 등)를 가운데 정렬시킬 수 있습니다.  그리고 화면에서 양 요소를 맞추기 위해 마이너스 마진(margin) 값을 추가하도록 합니다. 예시: HTML 샘플: <div id="header"> <div id="logo"> <img...