정렬 (가운데 정렬)
Alignment (Center)
글자나 상자를 왼쪽·가운데·오른쪽 어디에 맞출지 정하는 거예요.
💡 액자를 벽 한가운데에 거는 것과 같아요.
👆 직접 눌러 보기
진짜로 동작해요. 눌러 보고 움직여 보세요.
가로
세로
제목
CSSdisplay: flex; justify-content: center; align-items: center;
🤖 AI에게 이렇게 말해 보세요
히어로 안의 제목, 설명, 버튼을 가로·세로 모두 가운데 정렬(Center)해 줘. 아이콘과 글자는 세로 가운데로 높이를 맞춰 줘.
핵심은 ‘Alignment (Center)’라는 단어예요. 이 단어를 넣으면 AI가 훨씬 정확하게 알아들어요.
📌 알아 두면 좋아요
가로 정렬과 세로 정렬은 따로예요. '가로·세로 모두 가운데'라고 꼭 말해 주세요.
이럴 때 써요
- 제목과 버튼을 화면 한가운데에 놓을 때
- 아이콘과 글자의 높이를 맞출 때
이렇게도 불러요: 가운데, 중앙, 정렬, 가운데 정렬, center, 왼쪽 정렬, 오른쪽 정렬, 맞추기