input 인라인요소 너비 조정에 대해

Question

안녕하세요 . 강의 잘 보고있습니다.

html 강의부터 쭉보고 있었는데, 헷갈리는게 있어 문의드려요.

input태그는 인라인태그라고 html강의에서 다뤄주셨고,

또 css강의에서 인라인 태그는

display: inline-block;를 사용하지 않는 이상 height와 width를 지정할 수 없다고 배웠었는데,

왜 인라인요소인 input 버튼은 해당 코드(inline-block)를 추가하지 않고도 너비조정이 가능한건지 궁금합니다.

Answer

안녕하세요.

input 태그의 display 기본값이 inline-block이기 때문입니다.

HTML 강의에서는 요소의 크기나 기타 스타일 등에 대해 전혀 언급하지 않고

오로지 배치 특성에 대해서만 이야기하다 보니 인라인과 인라인블록을 모두 인라인이라고 표현했습니다.

다른 수강생 분들께서도 그 부분 헷갈려하셨을 수 있겠네요.

좋은 질문 감사합니다 ^^