在td内的div中居中文本

Question

我有以下内容：

<td rowspan="3"; class="outer"; color="green"><div class"inner"></div></td>

CSS：

.in{
text-align:center;
-webkit-border-radius:8em;
font-size:25px;
height:120px;
width:120px;
vertical-align:middle;
}

td{
text-align:center;
padding:0px;
height:100%;
overflow:hidden;

我正在尝试在td内部的div内生成一个圆圈。我动态（ajax）向div添加文本（数字）。所以基本上我想要一个圆圈，中心有一个数字。问题是文本始终位于圆圈的顶部而不是中心。

帮助表示感谢，谢谢。

Answer 1

尝试将line-height:120px;添加到.in班级