css：before：将多行文字与图片对齐

Question

我使用css：before在图像后显示文本

我如何垂直对齐文本，特别是当有多行文本时？

查看我的代码段

.link-container {
  vertical-align: middle;
}

.link-container:before {
  vertical-align: inherit;
  content: url("http://via.placeholder.com/50x50");
  padding-right: 20px;
}

<p class="link-container">
  <a class="text-download" href="#">Link#1</a>
</p>

<p class="link-container">
  <a class="text-download" href="#">Link#2</a><br>
  <a class="text-download" href="#">Link#3</a>
</p>

Answer 1

使用图像作为背景，然后您可以使用flexbox轻松地使内容居中，例如：

uTorrent

XXX