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..

Sundar · Answer

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

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; }