홈
레벨 5: Flexbox 기초
이전
다음
지시사항
`flex`를 사용하여 컨테이너를 플렉스 컨테이너로 만들고, `justify-center`를 사용하여 아이템들을 중앙 정렬하세요.
목표:
Flexbox를 사용하여 아이템들을 가로로 배치해봅시다.
HTML 에디터
정답 확인
<div class="bg-gray-100 p-4"> <div class="bg-blue-500 text-white p-2 m-2">아이템 1</div> <div class="bg-blue-500 text-white p-2 m-2">아이템 2</div> <div class="bg-blue-500 text-white p-2 m-2">아이템 3</div> </div>
레벨 완료! 🎉
잘하셨습니다! 이 개념을 마스터하셨군요.
다음 레벨 →
라이브 미리보기
Tailwind Play CDN 제공
당신의 결과
목표 결과