title: Padding after JQuery Listview
body: <p>I am making another JQuery Listview, but this time it will not have a slide out view. It is just simply a list of items.</p>
  
  <p>Here is an example of what I am trying to do: <a href="http://jsfiddle.net/jakechasan/kNPN7/3/" rel="nofollow noreferrer">http://jsfiddle.net/jakechasan/kNPN7/3/</a></p>
  
  <p>However, the padding between table rows is very large. Is there a way to easily reduce this so they are right next to each other (with minimal padding). I am thinking this can be done pretty easily by overriding the default CSS for JQuery Mobile, however, I am unsure which property to override.</p>
  
  <p>Here is an image of the problem:</p>
  
  <p>Problem:<img src="https://i.stack.imgur.com/tBmkr.png" alt="enter image description here">
  Correct:<img src="https://i.stack.imgur.com/pUCIg.png" alt="enter image description here"></p>
  
  <p>Here is some sample code (basic code) so I am unsure where the padding comes from:</p>
  
  <pre><code>&lt;ol data-role="listview"&gt;
      &lt;li&gt;Acura&lt;/li&gt;
      &lt;li&gt;Audi&lt;/li&gt;
      &lt;li&gt;BMW&lt;/li&gt;
      &lt;li&gt;Cadillac&lt;/li&gt;
      &lt;li&gt;Ferrari&lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>