我创建了一个圆圈导航，我需要将每个链接的文本放到中心，如果只有一个单词，我可以使用行高来做到这一点，但大多数单词都超过一个。
我怎样才能让它工作？
示例：http: //jsfiddle.net/elogicmedia/nVPYQ/12/
一张图片来显示我在说什么。请参阅文本都在每个链接的顶部。
我的 CSS 代码
nav {
position: relative;
top: 200px;
left: 200px;
font-family: helvetica, arial;
}
li {
list-style: none;
}
a {
position: absolute;
text-decoration: none;
width:98px;
height:98px;
border-radius:50%;
line-height:1.5em;
text-align:center;
font-family: helvetica, arial;
background-color: #C0D9D9;
}
a:link, a:visited {
color: #000;
font-size: 12px;
}
a:hover {
color: red;
}