relative 썸네일형 리스트형 [CSS] div 안의 div를 가운데 배치하기, 수평&수직, position 이번에는 position을 이용하여 수평 가운데, 수직 가운데 배치를 하는 방법을 알아보겠습니다. 먼저 이전 글에서 말씀드렸던 width & margin:auto 를 이용한 코드를 보겠습니다. ----- HTML 코드 ----- ----- CSS 코드 ----- .container { background-color: yellow; } .item { background-color: gray; height: 100px; width: 200px; margin: auto; } 잠시 margin:auto는 삭제하겠습니다. 그리고 position 속성을 부모요소( .container )와 정렬될 요소( .item )요소에 넣으면 아래의 코드가 됩니다. .container { background-color: yell.. 더보기 이전 1 다음