我想知道我应该怎么做才能使列表与图像垂直对齐,如下所示:
谢谢!
编辑:
如果有人感兴趣,这里是 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;}
最佳答案
有很多解决方案可以实现您的要求。这只是一种可能的解决方案,将其添加到您的 CSS 中:
header>img, header>ul>li {
float: left
}
查看this example ,还有一些比上面提供的更多的样式,但我希望它能帮助你理解。
关于css - 垂直对齐列表 (CSS),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22824200/