display list in single line

Question

Hi,   I have a multiple lists which renders dynamically. I need all the  lists to be shown in a single line.. I have tried the following   li.column_single{
float: left;
clear: none !important;
}    It was unsuccessfull and i need generic css to display all lists in a single line with width adjusted to the main container..

Ajeesh · Answer

Float css will work, You may also need to set the margin to 20px or so. By this way you will have space between list items Css #navlis t li   {      float :  left ;      margin : 20px ;   }    Sample Demo is available here : https://jsfiddle.net/ym1pq7dL/

Panna Chatterjee · Answer

Item one Item two Item three Item four Item five #navlist li { display: inline; list-style-type: none; padding-right: 20px; }

Sundaram Subramanian · Answer

Try the below CSS, this may  helps you, thanks in advance ul li{     display:  inline ;   }