Jquery Mobile - Basic List View with custom CSS

This is a simple JQM example which shows how to override the JQM default CSS to apply your custom CSS. However, this way of applying the custom CSS is not recommended.

by Shreerang Patwardhan

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<!DOCTYPE html>
<html>
<head>
	<title>Jquet=ry Mobile - Basic List View</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <ul data-role="listview" data-inset="true">
        <li><a href="http://www.shreerangpatwardhan.blogspot.com">Spatial Unlimited</a></li>
        <li><a href="http://shreerangpatwardhan.blogspot.in/p/code-samples.html">Google Maps API Examples</a></li>
        <li><a href="http://shreerangpatwardhan.blogspot.in/p/jquery-mobile.html">Jquery Mobile Examples</a></li>
    </ul>
</body>
</html>

CSS

.ui-listview{
    margin: 30px 70px 0 !important;
}