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

Question

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

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

Answer 1

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

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;
}