HTML标签内的连接、文本、垂直居中 兼容绝大部分浏览器

<style>      body{font-family:"宋体"; vertical-align: baseline;font-size:12px;padding:0;margin:0;}      #id1{        display:inline-block;        width:200px;        height:14px;        line-height:100%;        margin:200px auto;        padding-top:1px;      }      a{text-decoration:none;}      #id2{        vertical-align:top;        display:inline-block;        width:14px;        height:14px;        margin-top:-1px;        background:url('http://i2.douguo.net/static/css/../img/bg_pro.png') no-repeat scroll left -182px transparent;      }    </style>        <div id="id1">            <a style="display:inline-block;width:auto;height:12px;_line-height:14px;" href="#">中国人宜家餐</a>      <a id="id2" href="#"></a>        在       <a href="#" style="display:inline-block;width:auto;height:12px;_line-height:14px;" >好啊</a>    </div>

效果：