title: PhoneGap listview formatting
body: <p>I am relatively new to PhoneGap although well versed in HTML, CSS and jQuery themselves. Doing a test listview program using the WebStorm default</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="format-detection" content="telephone=no" /&gt;
      &lt;meta name="msapplication-tap-highlight" content="no" /&gt;
      &lt;meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" /&gt;
  
      &lt;meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: 'unsafe-inline' https://ssl.gstatic.com; style-src 'self' 'unsafe-inline'; media-src *" /&gt;
      &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.10.2.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/index.css" /&gt;
      &lt;title&gt;Hello World&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="home" data-role="page"&gt;
      &lt;div data-role="content"&gt;
          &lt;ul data-role="listview" data-inset="true"&gt;
              &lt;li&gt;&lt;a id="one" href="#one"&gt;one&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a id="two" href="#two"&gt;two&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
      &lt;div class="app"&gt;
          &lt;h1&gt;PhoneGap&lt;/h1&gt;
  
          &lt;div id="deviceready" class="blink"&gt;
              &lt;p class="event listening"&gt;Connecting to Device&lt;/p&gt;
              &lt;p class="event received"&gt;Device is Ready&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;script type="text/javascript" src="cordova.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/index.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          app.initialize();
      &lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>returns a simple listview but with no correct formatting, with blue anchors and bullet points visible. Commenting out the <code>&lt;meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: 'unsafe-inline' https://ssl.gstatic.com; style-src 'self' 'unsafe-inline'; media-src *" /&gt;</code> fixed the problem through trial and error, but I don't know why.</p>
  
  <p>Is this the correct way to get a listview in PhoneGap/Cordova at all?</p>