css - センタリングの問題鬼ごっこ

Question

とimgのp中に がありdivます。

p垂直方向の中央に配置しようとしています。私は他のいくつかのことを試しline-heightました。

これがどのように見えるかです

「かわいいFirefoxの悪ふざけ」を垂直方向の中央に配置したいと思いますimg

CSS

img{
    width: 50px;
    height: 50px;
}

li{
    list-style-type: none;
    text-decoration: none;
}

a{
    text-decoration: none;
}

li p{
    display: inline;
    color: black;
    font-size: 25px;
    margin:0;
}

デモフィドル。

Answer 1

Try this, http://jsfiddle.net/gBNFK/1/

 li p{
        /* Add this */
        line-height: 42px;
        display: inline-table;
        vertical-align: top;
        /* Add this */
        color: black;
        font-size: 25px;
        margin:0;
    }