css - 在页脚中放置一个 p 元素

Question

我无法定位 <p>垂直在页脚中。我试过给p值(value): vertical-align:middle;和 margin-bottom:10px;但它不起作用。

代码链接:http://jsfiddle.net/CL55P/

HTML:

<footer>
        <p id="sidfot">Kontakta oss på:
        <a href="mailto:info@snickrat.se">info@snickrat.se</a> eller 073 - 729 87 97</p>        
</footer>

CSS:

footer{
    clear:both;
    width:100%;
    height:40px;
    line-height:40px;
    position:fixed;
    bottom:0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow:    2px 3px 6px -0.5px #ccc;
    -webkit-box-shadow: 2px 3px 6px -0.5px #ccc;
    box-shadow:         0px -3px 6px -0.5px #ccc;
    background-color:#BFBDBF;}
    #sidfot{text-align:center;
    font-size:14px;
}

谢谢

Answer 1

你可以尝试给 p span 这些属性:

display: table-cell;
vertical-align: middle