[CSS] align-items : center;

status-bar 작업을 하는데 status-bar 안의 요소를 세로 가운데 정렬을 하고 싶었다.

여러 css 요소들을 적용해본 결과

.status-bar {
    height: 100px;
    display: flex;
    align-items: center;
    padding-left: 100px;
}

display: flex;

align-items: center;

두 속성을 적용시키면 세로 가운데 정렬이 된다는 것을 알게 되었다!