[Html] div 세로정렬

<div style='display:table;position:absolute;border:1px solid blue;width:200px;height:100px;middle;left:49%;top:100px'>

    <div style='display:table-cell;position:absolute;top:50%;left:50%;vertical-align:middle;text-align:center;'>

        <div style='position:relative;top:-50%;left:-50%;' id='val_div'>정렬테스트</div>

    </div>

 </div>

출처 : http://blog.naver.com/iss6388/10177408565