CSS 가이드: div 태그를 가로로 나란 배치하는 쉬운 방법
CSS Flexbox는 웹 개발에서 레이아웃을 구성하는 강력한 도구입니다. 특히, 요소들을 가로로 나란히 배치하는 경우 매우 유용하게 활용할 수 있습니다. 1. 기본 설정 가장 먼저, Flexbox를 사용하려는 요소에 display: flex 속성을 설정해야 합니다. .container { display: flex; } 이렇게 하면 해당 요소는 Flex 컨테이너가 되고, 자식 요소들은 Flex 아이템으로 변합니다. Flex 아이템들은 기본적으로 가로 방향으로 배치됩니다. 2. 간격 조절 Flex 아이템 간의 간격을 조절하려면 justify-content 속성을 사용합니다. .container { display: flex; justify-content: space-between; /* 아이템 사이에 동일한..