Html 强制所有<；李>；在单行中水平显示的元素

我想把我所有的li元素都显示为

保险商实验室

li1li2li3。。。（最大屏幕宽度）

…李（n-1）林

保险商实验室

i、 e水平显示，而不是垂直显示。 我已经看到了这么多关于它的问题，但不知何故，即使尝试了很多东西，我也无法为我的html和css修复它

我只是一个初学者，所以我可能犯了一个非常基本的错误

 <ul class="iconlist">
                <div class="inline">
                    <li>
                        <a href="http://www.google.com" target="_blank"><img src="images/profile/0.png"</a>
                        <h3><a href="http://www.google.com" target="_blank">ABB</a></h3>
                    </li>
                    <li>
                        <a href="http://www.google.com" target="_blank"><img src="images/profile/14.png"</a>    
                        <h3><a href="http://www.google.com" target="_blank">Siemens</a></h3>
                    </li>
                    <li>
                        <a href="http://www.google.com" target="_blank"><img src="images/profile/0.png"</a>    
                        <h3><a href="http://www.google.com" target="_blank">Alstom</a></h3>
                    </li>
                    <li>
                        <a href="http://www.google.com" target="_blank"><img src="images/profile/14.png"</a>
                        <h3><a href="http://www.google.com" target="_blank">Linde</a></h3>                    
                    </li>
                </div>
            </ul>


.iconlist{
list-style:none;
text-align:center;
padding:20px 0px 20px 0px;
clear:none;
float:left;
}

.inline
{
display:inline;
clear:none;
float:left;
}

.图标列表{
列表样式：无；
文本对齐：居中；
填充：20px 0px 20px 0px；
明确：无；
浮动：左；
}
.内联
{
显示：内联；
明确：无；
浮动：左；
}
在
的内部不能有

无论如何，您想要
.iconlist
样式，但您想要将它们应用于
元素，而不是
：

在
的内部不能有

无论如何，您想要
.iconlist
样式，但您想要将它们应用于
元素，而不是
：

用
div
包装
li
无效。您只需将
display:inline block
赋予
li
元素。
用
div
包装
li
无效。您只需为
li
元素提供
display:inline block
。
以下是您的操作方法：

.iconlist{
list-style:none;
text-align:center;
padding:20px 0px 20px 0px;
clear:none;
}

.iconlist li{
float:left;
}

删除div和.inline类以及您的golden

编辑：显示：内联块；也可以代替浮点数
以下是操作方法：

.iconlist{
list-style:none;
text-align:center;
padding:20px 0px 20px 0px;
clear:none;
}

.iconlist li{
float:left;
}

删除div和.inline类以及您的golden

编辑：显示：内联块；也可以代替浮动
谢谢。这为我解决了问题。@Explosion Pills你能详细说明一下内容模型是关于
div
的
li
内部的吗？因为我认为这是错误的。在您引用的页面上，没有提到
li
中的
div
。此外，我还使用W3验证器（）验证了一些HTML，其中我有一个
li
，里面有一个
div
，它不会给出错误或警告。此外，一个
li
的内容模型明确规定了“流内容
，其中包括
div`'s.@J.P.tenBerge我认为这个答案这些年来一直有一个拼写错误——我的意思是说“你不能在
的内部有一个
”与链接内容模型（一个或多个
li
元素）相匹配以及问题中的HTML
li
确实允许
，因为它将流内容作为其内容模型，其中包括
。我已经纠正了这一点。这更有意义，我同意！这些年来反应也很快，干得好。请投赞成票，谢谢。这为我解决了问题。@Explosion Pills你能详细说明一下内容模型是关于
div
的
li
内部的吗？因为我认为这是错误的。在您引用的页面上，没有提到
li
中的
div
。此外，我还使用W3验证器（）验证了一些HTML，其中我有一个
li
，里面有一个
div
，它不会给出错误或警告。此外，一个
li
的内容模型明确规定了“流内容
，其中包括
div`'s.@J.P.tenBerge我认为这个答案这些年来一直有一个拼写错误——我的意思是说“你不能在
的内部有一个
”与链接内容模型（一个或多个
li
元素）相匹配以及问题中的HTML
li
确实允许
，因为它将流内容作为其内容模型，其中包括
。我已经纠正了这一点。这更有意义，我同意！这些年来反应也很快，干得好。投票表决。