#display: inline-block
-> 인라인의 기본적인 특성을 가지지만,
block요소처럼 가로 세로 값 + margin/padding의 위 아래
값을 가질 수 있음
#Flex
- Container : Item을 감싸는 부모 요소
- display, flex-flow, justify-content - Items
- order, flex, align-self
#안에 들어가는 Flex의 개념이 같아도, container 자체가
block요소처럼 쓰일지, inline요소처럼 쓰일지를 정의하느냐에
따라 display: flex 또는 display:inline-flex 가 됨.
#justify-content
:주축(main-axis)의 정렬 방법 설정
#align-content
:교차 축(cross-axis)의 정렬 방법 설정
*flex-wrap 속성을 통해 Items가 여러 줄(2줄 이상)이고
여백이 있을 때만 사용 가능
-> Items 한 줄 일때: align-items 속성