CSS Code for Horizontal Centered List

CSS Code for Horizontal Centered List with List Items, Side by Side, Next to Each Other. Horizontal List Required Just 2 lines CSS Code

Wrap the list you want to be horizontal in a div and then all that is required is 2 lines of css code, one to style the ul element and the second line of css code to style the list items li themselves.

<style> .horizontallist ul{list-style-type:none;margin:5px auto;padding:0;} .horizontallist ul li{display:inline;padding:12px;} </style> <div class="horizontallist"> <ul> <li>List item #1</li> <li>List item #2</li> <li>List item #3</li> </ul> </div> <!-- .horizontallist -->