css - 垂直对齐列表 (CSS)

Question

我想知道我应该怎么做才能使列表与图像垂直对齐，如下所示:

谢谢!

编辑:

如果有人感兴趣，这里是 HTML + CSS:

<header>
<img src="URL" />
<ul>
<li>ListItem 01</li>
<li>ListItem 02</li>
<li>ListItem 03</li>
</ul>
</header>

CSS:

li {display: inline;}

Answer 1

有很多解决方案可以实现您的要求。这只是一种可能的解决方案，将其添加到您的 CSS 中:

header>img, header>ul>li {
  float: left
}

查看this example ，还有一些比上面提供的更多的样式，但我希望它能帮助你理解。