垂直对齐列表(CSS)
我想知道如何使列表与图像垂直对齐,如下所示: 谢谢 编辑: 如果有人感兴趣,下面是HTML+CSS:垂直对齐列表(CSS),css,list,vertical-alignment,Css,List,Vertical Alignment,我想知道如何使列表与图像垂直对齐,如下所示: 谢谢 编辑: 如果有人感兴趣,下面是HTML+CSS: <header> <img src="URL" /> <ul> <li>ListItem 01</li> <li>ListItem 02</li> <li>ListItem 03</li> </ul> </header> 我只是把它格式化成一张表。但是你的偏好是
<header>
<img src="URL" />
<ul>
<li>ListItem 01</li>
<li>ListItem 02</li>
<li>ListItem 03</li>
</ul>
</header>
我只是把它格式化成一张表。但是你的偏好是用CSS处理的吗?
此外,这是一个很好的资源,可以用于以下内容:您只需将下一个css应用于您的ul li
li
{
display:inline;
}
查看更多信息。有很多解决方案可以满足您的要求。这只是一个可能的解决方案,请将此添加到css中:
header>img, header>ul>li {
float: left
}
看一看,有一些样式比上面提供的样式更多,但我希望它能帮助您理解。它应该是一个标题,下面是HTML代码:
- 项目01 。
header>img, header>ul>li {
float: left
}