CSS

justify-content는 콘텐츠 항목 사이와 주위에 공간을 분배하는 방법을 정의한다.출처 : 1분코딩

✍️ 작성 위와 같이 작성했을때,💻 출력글자는 margin값이 적용되지 않은 것을 확인 할 수 있다.부모 태그인 main의 margin:auto에 상쇄되어 작동하지 않는것인데 이럴때는부모태그에display:display: inline-block를 작성해주면 된다. ✍

noneblockinlineinline-block display : none아무것도 나타내지 않는다.display : block따로 설정하지않아도 display가 갖는 기본 설정값이다.width 가 자신의 컨테이너의 100% 가 되게한다.즉, 하나의 속성값이 가로 전체