[css]가운데 정렬 : text, img

가운데 정렬

.box{    
    background-color: white;    
    width: 300px; 
    height: 300px;    
    text-align: center;    
    line-height: 300px;
}

.box img{    
    vertical-align: middle;
}

text : 높이를 지정한경우 line-height 를 이용하여 가운데로

img : line-height, vertical-align 이용하여

높이를 모르는경우는 padding : 30px auto;

 

 

 

CSS 텍스트 요소 가로, 세로 가운데 정렬 | OACSS 가운데 정렬 특집 | 빔캠프

www.youtube.com/watch?v=PEYt17TlTQk&t=192s