omo forçar a rolagem horizontal em uma lista HTML usando CS
Tenho uma lista como esta:
<div>
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
</ul>
</div>
e o seguinte CSS:
ul {
width: 160px;
height: 100px;
overflow: auto;
}
li {
width: 80px;
display: inline-block;
float: left
}
Estou tentando forçar a exibição dos itens da lista da esquerda para a direita, isto é
one - two - three - four
Meu problema
azer isso dessa maneira me dá duas linhas com dois itens cad
Questão
Existe uma maneira CSS de forçar todos os itens da lista em uma única linha para que eu possa usar a rolagem horizontal? Agora, se eu definiroverflow: auto Estou recebendo apenas barras de rolagem verticais, o que não quer
Não quero definir isso na div de empacotamento. Estou curioso para saber se existe uma solução CSS que eu possa usar somente na list
Obrigado pela ajuda!