inline 속성
a,i,span,img,strong,b,input,sub,br,em,textarea,label,textarea,button / ...
inline 요소들은 위와 같은 요소들이 있으며 위에 나열된 태그들 말고도 많은 태그들이 있다.
inline은 주로 텍스트를 주입 할 때 사용 되는 형태이다. 그렇기 때문에 기본적으로 block처럼 width값이 100%가 아닌 컨텐츠 영역 만큼 자동으로 잡히게 되며 라인이 새로 추가 되지 않는다. 높이 또한 폰트의 크기만큼 잡힌다.(line-height로 설정이 가능 하긴 하다.)
- width와 height를 명시 할 수 없다.
- margin은 위아래엔 적용 되지 않는다.
- padding은 좌우는 공간과 시각적인 부분이 모두 적용 되지만 위아래는 시각적으로는 추가되지만 공간을 차지 하지는 않는다.
(inline 속성을 제대로 이해하지 않고 width랑 height이 왜 안먹히지.. 머리싸움을 많이했다..)
u can do it! = Frontend syeongii