How to bring ul list-items in horizontal rather than vertical?
<p>I want to make menu using links which come horizontally rather than vertically</p>

<p>HTML code</p>

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

<p>CSS Code</p>

<pre><code>#ccs{
    background-color:#4CAF50;
    padding:20px;

    border:3px;
    color:yellow;
    text-align:center;
    display: inline-block;
    text-decoration:none;
</code></pre>

<p>Please Help!!!!</p>