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

inline-block은 상하좌우 마진을 모드 갖습니다. 단, margin: auto는 블록요소에만 적용됩니다.

아마도 inline-block이라서 상하자와 마진을 가지니까 좌우 마진 곧 auto가 적용되야 한다고 생각하셔서 margin: auto가 적용되야 한다고 생각하신 듯 한데.. 이건 특성이 그렇습니다.

곧, margin: auto로 요소를 중앙에 보내는건 블록요소에만 적용됩니다.

만약 inline-block에 margin: 50px auto 라고 하면 상하 마진은 적용되지만 auto인 좌우마진은 적용되지 않습니다.

반면에  inline-block에 margin: 50px 100px 라고 하시면 사하좌우 마진 모두 적용됩니다.

결론은  inline-block이 상하좌우 마진을 가질 수는 있지만 auto라는 것은 가질 수 없다고 생각하시면 됩니다.

선생님 해깔려요 저번에 요소 설명 중 inline block 에 상하좌우 마진은 가질 수 있음 이라고 설명을 들은거같은데 왜 11:59 때 inline-block에 마진이 적용이안되는지 이해가 안가요 ㅠ