html - 减小 div 容器的大小

Question

您好，我想知道如何使我的 div 容器的高度变小，但保持文本居中？下面是它的图片。

到目前为止，我的这个 div 的 CSS 是，

.contactdet {
background: rgba(255,255,255,0.1); // transparent white
    background: #fff; // Left as a fallback for older browsers
    color: #FFFFFF;
  vertical-align: middle;
}

http://www.webbmaster.com.au/web-programs/questdesign/index.php/contact

Answer 1

首先清洁你的容器。删除两个 <p>&nbsp;</p>在<div class="custom contactdet">里面之后只需添加“高度”和 line-height到你的类(class):

.contactdet {
background: rgba(255,255,255,0.1); // transparent white
    background: #fff; // Left as a fallback for older browsers
    color: #FFFFFF;
    vertical-align: middle; 
    height:35px;
    line-height:35px
}