Wie bringt man UL List-Items horizontal anstatt vertikal?

Question

Ich möchte, die als vertikal

HTML-Code eher horizontal kommen Menü Links machen

<div> 
     <ul> 
      <li> <a id="ccs" href="#"> Home </a> </li> 
      <li> <a id="ccs" href="#"> Marketing Service </a> </li> 
      <li > <a id="ccs" href="#"> IT Management Service </a> </li> 
      <li > <a id="ccs" href="#"> Molex Portfolio </a> </li> 
      <li > <a id="ccs" href="#"> Contact US </a> </li> 
      <li > <a id="ccs" href="#"> Employment Opportunities </a> </li> 
     </ul> 
     </div> 

CSS-Code

#ccs{ 
    background-color:#4CAF50; 
    padding:20px; 

    border:3px; 
    color:yellow; 
    text-align:center; 
    display: inline-block; 
    text-decoration:none; 

Bitte um Hilfe !!!! Bitte

Answer 1

Forschung ... http://www.w3schools.com/css/css_navbar.asp oder CSS Horizontal list items

ul { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    overflow: hidden; 
    background-color: #333333; 
} 

li { 
    float: left; 
} 

li a { 
    display: block; 
    color: white; 
    text-align: center; 
    padding: 16px; 
    text-decoration: none; 
} 

li a:hover { 
    background-color: #111111; 
} 

Answer 2

entfernen display:inline-block; von #ccs

verwenden Dann

li { display: inline-block; }