div 나 span 등에 tag에서 수직 정렬하기

div, span 등 태그에서는 수직 중앙 정렬이 안되죠 

vertical-align : middle 
이것이 정상적으로 인식 하지 않아요 

하지만 불가능하지 않아요.. 

<div style='display:table-col;vertical-align:middle;width:400px;height:400px;'>중앙</div> 

이렇게 하면 수직 정렬이 가능해요. 

수평 정렬은 당연 text-align으로 하면 되죠. 

이 둘을 이용하면 정중앙에 배치를 할 수 있어요 




다른방법 

table-col 보다 코드가 더 추가 되지만 , 

잘 몰라서 네이버 검색하고 뭐하고 등등 고민하지 말고 그냥 쓰시면 되요 

<div style="width:400px;height:400px;border:1px solid #ddd;"> 
      <table border=0 cellpadding=0 cellspacing=0 width=100% height=100%> 
          <tr><td align=center valign=center>중앙정렬</td></tr> 
    </table> 
</div> 

작업 할 시간도 부족한데...  이곳 저곳 찾아다니지 말고 그냥 이걸 이용해서 중앙 정렬 하면 되겠네요.