垂直对齐列表（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，有比上面提供的样式更多的样式，但我希望它能帮助你理解。

Answer 2

我只是将其格式化为表格。但是你喜欢用CSS处理它吗？ 此外，对于这样的事情，这是一个很好的资源：http://www.unheap.com/media/images/bttrlazyloading/

Answer 3

您只需将下一个css应用于您的ul

li
{
display:inline;
}

查看this了解详情。