使用文本對齊圖像

我無法使圖像與文本對齊。我想讓左側的圖像和右側的內嵌圖像垂直居中。使用文本對齊圖像

<div class="container"> 
    <span class="icon"> 
     <img ... /> 
    </span> 
    <span>555-1212</span> 
</div>

現在，文本擁抱容器的頂部。我怎樣才能將它垂直居中放在容器中間？

2014-09-10 vintorg

什麼是您的CSS？ – idmean 2014-09-10 19:08:54

.container span { 
    display: inline-block; 
    vertical-align: middle; 
}

這應該這樣做。 jsFiddle

2014-09-10 19:13:00

placekitten.com可能是我最喜歡的原型設計資源。 – 2014-09-10 19:20:30

嘿，我已經使用了多年，喜歡那個網站。有時當我厭倦小貓時，我會使用http://www.placecage.com/。 – 2014-09-10 19:21:16

回答