how to align all my li on one line?

Question

my CSS

ul{
overflow:hidden;
}
li{
display:inline-block;
}

my HTML

a
b
         


        

Answer 1

Here is what you want. In this case you do not want the list items to be treated as blocks that can wrap.

li{display:inline}
ul{overflow:hidden}