Html 超出的列表项位于同一行

我已经创建了如下列表项

<ul class="list">
<li>A</li>
...
...
<li>Z</li>
</ul>

在页面结束后。例如，A到M在同一行，其余的字母N到Z在下一行。但它是隐藏的

---

我希望A到Z在同一条线上。但是在M之后，字符将被隐藏。

不要将

li

s浮动到左侧，您应该让它们

显示：inline

，以便它们仍然遵守

ul

的布局规则

.list{
边框底部：1px实心#ddd；
显示：内联块；
溢出：隐藏；
位置：相对位置；
高度：42px；
清除：左；
宽度：100%；
}
李先生{
显示：内联；
溢出：隐藏；
}

X
Y
Z

尝试给出

高度：42px也可以添加到您的lis。既然父级有溢出：隐藏，应该这样做。没有发生同样的事情为什么要这样？你的目的是什么？我相信有更好的选择。它有一些功能。所以我需要它
.list
{
border-bottom: 1px solid #ddd;
display: inline-block;
overflow: hidden;
position: relative;
height: 42px;
clear: left;
width: 100%;
}
.list li
{
float: left;
overflow: hidden;
}