홈
레벨 6: Flexbox 정렬
이전
다음
지시사항
`flex`와 `items-center`를 사용하여 콘텐츠를 세로로 중앙 정렬하세요.
목표:
플렉스 컨테이너 내에서 아이템들을 세로로 정렬해봅시다.
HTML 에디터
정답 확인
<div class="bg-gray-100 h-32"> <div class="bg-purple-500 text-white p-4">저를 세로로 중앙에 놓아주세요!</div> </div>
레벨 완료! 🎉
잘하셨습니다! 이 개념을 마스터하셨군요.
다음 레벨 →
라이브 미리보기
Tailwind Play CDN 제공
당신의 결과
목표 결과