모스카토

inline-block은 박스들을 원하는 위치에 정렬하기 힘들고, 간격을 수동적으로 맞춰야 한다는 단점이 있다. 이를 보완하기 좋은 레이아웃이 flex이다. body 안에 div 4개를 만들었다. div는 block 이므로 위와 같이 세로로 정렬된다. div안에 쓴 숫자도 왼쪽 위에 정렬된다. 여기에 display : flex; 를 적용하면 block 인 div를 옆으로 정렬할 수 있다. flex를 사용하는 방법 1. 박스들의 부모요소에 display:flex; 적용 => 부모요소가 flex container가 됨. div 박스들을 flexbox로 만들기 위해서는 모든 div의 부모요소에 display:flex;를 줘야 한다. 현재 body 아래에 div가 있으므로 모든 div의 부모요소는 body이다...