Как выравнивать весь мой LI на одной линии? ⇐ CSS

[Anonymous]

my css < /p>

ul{
overflow:hidden;
}
li{
display:inline-block;
}
< /code>

my html < /p>

• a
• b
• c
• d
• e
• f
• g

< /code>

Я хочу выравнивать все мои элементы Li в одной строке, если я сделал, все работает нормально, за исключением того, что когда 3 или 4 LI заполняют первую строку на моем теле, они перейдут на вторую строку, я хочу, чтобы они были на 1 строке, а все после того, как 1 строка заполнена, будет "скрытой" < /p>

< /p> < /p> < /p> < /p> < /p> . LI держит предложения не только 1 букву < /p>

Вывод сейчас :: < /p>

a b c d
e f g
< /code>

желаемый вывод :: < /p>

a b c d e f //all of them in 1 line and the rest of them are hidden 'overflow:hidden'


Подробнее здесь: https://stackoverflow.com/questions/232 ... n-one-line