CSS - 문제 미리보기

문제 1308

easy
`<li>` 요소들을 가로로 한 줄에 배치하는 가장 간단한 방법은?
A. `display: flex;`
B. `display: inline;`
C. `display: grid;`
D. `display: table;`

정답: B

• `<li>` 요소는 기본적으로 블록 요소이므로 세로로 배치됩니다

• `display: inline;`을 사용하면 각 리스트 항목 사이의 줄바꿈이 제거됩니다

• 인라인 요소의 특징:
한 줄에 나란히 배치됩니다
너비와 높이를 지정할 수 없습니다
좌우 margin/padding만 적용됩니다

• 가로형 내비게이션 바를 만드는 첫 번째 방법으로 매우 간단합니다

• `flex`나 `grid`도 가능하지만 더 복잡한 방법입니다

💡 학습 팁

이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.