How to change line

[dealwi8me]

Hello,

i have the following code but it shows the list items into the next line. How can i change the code in order to change line when it shows all the list items?

#upMenu ul{
list-style-type:none;
padding:0;
margin:0;
}
#upMenu li{
float:right;
padding-right:1em;
}

Thank you in advance.

[ravi9]

Try adding:

display: inline;

[resdog]

Your CSS is a little off, too. the equals sign (=) is not valid, so your padding and margin on the ul isn't correct. It should be:

padding: 0;
margin: 0;

[dealwi8me]

@ravi9 thanks for the quick answer but I see no difference when i add this line to my code. I'm still getting the #upMenu div items in the same line as following div.

@resdog thanks for the correction!

[vikram1vicky]

Correct your

#upMenu ul {
list-style-type:none;
 padding=0;
 margin=0;
 }
 #upMenu li {
 float:right;
 padding-right:1em;
 }

It should be : instead of =

For your issue, set width of each list-item according to it's parent element.

For example, If your list-item container's width is 600px and you have 6 items to be listed horizontally, then width of each list-item should 100px maximum (including margin, padding, border)

[dealwi8me]

Try adding:

display: inline;

Correct your

#upMenu ul {
list-style-type:none;
 padding=0;
 margin=0;
 }
 #upMenu li {
 float:right;
 padding-right:1em;
 }

It should be : instead of =

For your issue, set width of each list-item according to it's parent element.

For example, If your list-item container's width is 600px and you have 6 items to be listed horizontally, then width of each list-item should 100px maximum (including margin, padding, border)

I used height instead of width and worked.

Thanks!