title: list items horizontally rather than vertical using <ul><li> tags
body: <p>I have this web page</p>
  
  <p><a href="http://hashgurus.com/htmlpage7.html" rel="nofollow">http://hashgurus.com/htmlpage7.html</a>  which lists items in</p>
  
  <pre><code>&lt;li&gt;    &lt;/li&gt;  
  </code></pre>
  
  <p>vertically. But I need it to display horizontally. Which element in css should I use to display items horizontally rather than vertically?</p>
  
  <p>this is the code:</p>
  
  <pre><code>&lt;ul class="jobs"&gt;
          &lt;li&gt;
              &lt;img height="80px" src="http://pbs.twimg.com/media/CEQnmWnWgAArgtf.jpg" /&gt;
  
                  &lt;div class="company"&gt;desc1&lt;/div&gt;&lt;/li&gt;
  
          &lt;li&gt;
              &lt;img height="80px" src="http://pbs.twimg.com/media/CEQnmWnWgAArgtf.jpg" /&gt;
  
                  &lt;div class="company"&gt;desc2&lt;/div&gt;&lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>
  
  <p>demo page:
      <a href="http://hashgurus.com/htmlpage7.html" rel="nofollow">http://hashgurus.com/htmlpage7.html</a> </p>