我如何使 2 行文本与 li 中的图像对齐

Question

如何使图像与 li 元素中的 2 行文本对齐？

我已发布 sketch 以显示有关该问题的更多信息。

Answer 1

只需在 ul 和 img 标签上使用 display:inline-block; 和 vertical-align:middle。

img {
  width:50px;
  height:50px;
}

img, ul {
  display:inline-block;
  vertical-align:middle;
}

<img src="" />
<ul>
  <li>Item 1</li>  
  <li>Item 2</li>
</ul>

Answer 2

尝试：

li:nth-child(2n){
   display: inline;
}

How do i make 2 lines of text alligned with image in li