如何将文本移动到垂直轴的中心

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;