CSS Vertical Centering

<! DOCTYPE html>


<meta charset= "Utf-8" >
<title></title>
<style type= "Text/css" >
#wrap {width:500px;height:200px;border:1px solid black;}
I{height:100%;vertical-align:middle;display:inline-block;}
span{vertical-align:middle;display:inline-block;width:490px;font-size:0px;}
span a{padding:5px;d isplay:inline-block;background:gray;margin-right:10px; margin-bottom:2px;font-size:20px;}
</style>

<body>
<div id= "Wrap" >
<i></i>
<span>
<a href= "" >aaaa</a>
<a href= "" >bbbb</a>
<a href= "" >ccce</a>
<a href= "" >dddd</a>
<a href= "" >eeee</a>
<a href= "" >aaaa</a>
<a href= "" >aaaa</a>
<a href= "" >bbbb</a>
<a href= "" >ccce</a>
<a href= "" >dddd</a>
<a href= "" >eeee</a>
<a href= "" >aaaa</a>
<a href= "" >aaaa</a>
<a href= "" >bbbb</a>
<a href= "" >ccce</a>
<a href= "" >dddd</a>
<a href= "" >eeee</a>
<a href= "" >aaaa</a>

</span>
</div>
</body>

CSS Vertical Centering