for example: (html) <ul class="navbar-items"> <li> <a href="#start">Start</a> </li> <li> <a href="#profile">Profile</a> </li> <li> <a href="#projects">Projects</a> </li> <li> <a href="#info">Info</a> </li> </ul> (css) ul.navbar-items li /* Important part */ { display:inline; } ul.navbar-items /* Extra part, to style spaces between each item */ { min-width: 696px; padding-top: 20px; }

html list items horizontally

#div_top_hypers { background-color:#eeeeee; display:inline; } #ul_top_hypers li{ display: inline; }

have unordered list horizontal css

display: inline;

li elements horizontally css

Similar Code Examples