DIV로 텍스트 가로세로 가운데정렬 (html5만 크로스브라우징 가능)

텍스트가로세로중앙정렬.html

<style>

.wr_center {height:200px;width:200px;border:1px solid #000;text-align:center;line-height:200px;font-size:0}

.wr_center .centered {display:inline-block;font-size:12px;line-height:18px;vertical-align:middle}

</style>

<div class="wr_center">

<span class="centered">

텍스트~~ <br>가로세로 중앙정렬

</span>

<--  공백태그(nbsp)가 꼭 있어야함 -->

</div>

텍스트~~ 
가로세로 중앙정렬