我如何將文字移動到垂直軸的中心

Question

我在下面的代碼中寫道。

<ul class="collection"> 
    <img src="/images/remove.png" class="remove"> 
    <a href="hogehoge">AAAAAAAA</a> 
</ul> 

我想將'a'標籤移動到垂直軸的中心。但它變得像下面的圖像。

我該怎麼辦？

Answer 1

使用display:inline-block和text-align:middle

.collection img, 
 
.collection a { 
 
    display: inline-block; 
 
    vertical-align: middle; 
 
}

<ul class="collection"> 
 
    <img src="http://lorempixel.com/output/technics-q-c-25-25-2.jpg" class="remove" /> 
 
    <a href="hogehoge">AAAAAAAA</a> 
 
</ul>