Inflearn Community Q&A
asked
헤더 드롭다운 네비게이션 flex로 정렬하는 법이요
Written on
·
551
1
.gnb에 display: flex를 주고
글자를 수직 정렬하려고 align-items: center를 써봤는데
먹히지를 않네요.
ul의 자식 요소인 li만 정렬하는 것이고
글자는 ul의 자식의 자식인 a에 있는 거라서 정렬이 안먹히는 건가요?
javascriptjqueryHTML/CSS
Answer 1
0
codingworks
Instructor
a를 li 안에 수직 수평 중앙하려면 li에 flex를 주시면 됩니다.
ul li {
display: flex;
jusify-content: center;
align-items: center;
}