1. display: table 이용한 리스트 메뉴/아이콘 만들기 오늘은 display: table 속성에 대해 알아보자고 한다. 위에 이미지에 표시 된 분홍색 사각형 박스처럼 동일한 넓이와 간격을 가지고 있는 컨텐츠를 작업할때 사용할 수 있는 display: table 속성! 예전에는 float을 사용해서 width 값을 통해 간격을 맞추면서 작업을하거나 display: inline-block을 이용해서 가로 정렬로 작업을 해왔다. 그런데 컨텐츠의 갯수라는것이 고정적으로 정해질수도 있지만, 유동적으로 변할 수 있기때문에 갯수에 맞추느라 width 값 조절하다보면 CSS 코드는 길고 지저분하게 될 수 있다. 이럴때 고민을 없애 버릴 수 있는 방법이 바로 display: table / display: ta..
