CSS 버튼 &amp; 네비게이션 - 드롭다운 네비게이션(CSS 3가지 방식, jQuery 3가지 방식)-02&nbsp;강의 10분 15초 에서 btn display 를 block 이 아닌 inline-block 으로 바꾸신 이유가 궁금합니다&nbsp;알려주시면 감사요 ~!

.btn은 a태그 입니다. a태그는 인라인 요소이기 때문에 크기 값을 줄 수 없습니다. 크기 값을 주기 위해서 .btn에 display: block을 주면 크기 값은 갖게 되지만 블록 요소는 한줄에 하나만 있을 수 있기 때문에 .btn 2개가 줄이 바뀝니다.그래서 크기 값도 갖고 줄도 바뀌지 않게 하기 위해서 .btn에 display: inline-block을 준 것 입니다.코딩웍스 블로그를 보시면 좀 더 이해가 쉬우실거에요. 블로그 내용은 앞으로 퍼블리싱 할 때 절대로 잊으면 안되는 내용입니다.퍼블리싱의 모든 것! HTML 인라인요소, 블록요소, 인라인블록 <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.inflearn.com/blogs/376">https://www.inflearn.com/blogs/376</a>

인프런 커뮤니티 질문&답변

btn 을 block 이 아닌 inline-block 으로 바꾸신 이유가 궁금합니다