文字居中显示

<style>
*{padding:0; margin:0;}
.demo{width:200px; height:200px; background:#eee; float:left; margin:20px; text-align:center; font-size:0;}
.aa{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; font-size:12px;}
.vam{height:100%;display:inline-block; *display:inline; *zoom:1; vertical-align:middle; font-size:12px;}

</style>

<div class="demo">
<span class="aa">
    <p>111111</p>
        <p>111111</p>
    </span>
<div class="vam"></div>

</div>

里面不管是多少个P都能让字在里面居中显示。。。