css가운데정렬

text-align:center

text-align: center

background-color: black; 
color; white; 
width:150px; 
height:150px; 
text-align:center;

div 안의 text에서는 vertical-align이 적용되지 않는다. 

따라서 display: table-cell 값을 적용 시키면 div 안에서 상하의 중앙정렬이 된다~!

단 display:table-cell;는 ie6에서는 적용되지 않는다.

vertical-align:middle

vertical-align:middle;
display:table-cell;

background-color: black; 
color; white; 
width:150px; 
height:150px; 
vertical-align:middle;
display:table-cell;