我在下面div中的文本垂直居中时遇到了很多麻烦。如果有人能帮我完成这件事,我会很感激。
这就是我的尝试:
<div class="input-label" style="vertical-align:middle;">Toys:</div>
这是我目前的标记:
<div class="input-label" >Toys:</div>
CSS
.input-label
{
background-color:#7a86d0;
height:30px;
float:left;
width:130px;
text-align:right;
font-weight:bold;
padding-right:10px;
}
非常感谢提前!
答案 0 :(得分:1)
尝试将line-height: 30px;
添加到您的CSS中。
答案 1 :(得分:0)
在div样式中,插入“display:table-cell;”在vertical-align之前。