Dog foot print

텍스트나 콘텐츠요소들을 세로 중앙정렬 하기에는 꽤나 골치아프다. 나름 내가 해결 했던 방법들 위주로 올려보도록 하겠다. line-height 사용하기 line-heigth 속성은 text가 자신의 박스모델에서 각 텍스트간의 상하간격을 정할 수 있다. line-height에 박스모델 만한 height값을 주게 된 다면 heigth값 /2 씩 텍스트 위 , 아래에 적용되서 해당 텍스트가 세로중앙에 존재하게 된다. div{ width: 200px; height: 200px; border: 1px solid black; text-align: center; line-height: 200px; } margin-top 과 position : absolute 속성을 이용한 수직정렬 position : absolute를..