мой CSS
ul{
overflow:hidden;
}
li{
display:inline-block;
}
мой HTML
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
<li>f</li>
<li>g</li>
</ul>
Я хочу выровнять все мои элементы li в одной строке, если я сделал это, все работает отлично, за исключением того, что когда 3 или 4 li заполняет первую строку на моем теле, они идут второй строкой, я хочу, чтобы они были на 1 строка и все после заполнения 1 строки будут "скрыты"
ДЛЯ ПРИМЕРЫ:
//ПРИМЕЧАНИЕ. li содержит предложения не только 1 буква
ВЫХОД ТЕПЕРЬ::
a b c d
e f g
ЖЕЛАЕМЫЙ ВЫХОД::
a b c d e f //all of them in 1 line and the rest of them are hidden 'overflow:hidden'