html - 使内联列表项具有一定的宽度

Question

我有一个列表项，左边是图片，右边是文字。由于每张图片的宽度不完全相同，因此文本不会垂直对齐。
我怎样才能使标签垂直对齐，每个标签都在其图像的右侧？谢谢

.checks-row {
  display: inline-block;
}

.checks-row li {
  display: inline;
}

.check-image {
  width: 4em;
}

<ul class="checks-row">
  <li class="check-image">
    <img src="/{{this.image}}.gif">
  </li>
  <li class="check-label">{{this.label}}</li>
</ul>

Answer 1

使用以下 CSS:

.checks-row li {
    vertical-align: middle;
    display: inline-block;
}