<!DOCTYPE html>
<html lang="en">
	<head>
		<link rel="stylesheet" type="text/css" href="js/plugins/touchcarousel/touchcarousel.css" />
	</head>
	<body style="width: 500px;">
		<div class="car-plate-value-spans" style="width: 85%;;">
			<div id=test class="touchcarousel" style="overflow: visible; width: 100%;">
				<ul class="touchcarousel-container">
					<li class="touchcarousel-item first"><span style="margin: 0 5px; font-size: 12px; padding: 5px; border: 1px solid black; " class="car-plate-small u-car-plate-edit car-plate-edit">EDIT</span></li>
					<li class="touchcarousel-item"><span style="margin: 0 5px; font-size: 12px; padding: 5px; border: 1px solid black; "  class="car-plate-small car-plate-delete">DELETE</span></li>
					<li class="touchcarousel-item"><span style="margin: 0 5px; font-size: 12px; padding: 5px; border: 1px solid black; "  class="car-plate-small car-plate-tick">BULK ACTION</span></li>

					<li class="touchcarousel-item"><span style="margin: 0 5px; font-size: 12px; padding: 5px; border: 1px solid black; "  class="car-plate-small car-plate-person">Grahame Rose</span></li>
					<li class="touchcarousel-item"><span style="margin: 0 5px; font-size: 12px; padding: 5px; border: 1px solid black; "  class="car-plate-small u-car-plate-edit car-plate-group" >STUDENT</span></li>
					<li class="touchcarousel-item"><span style="margin: 0 5px; font-size: 12px; padding: 5px; border: 1px solid black; "  class="car-plate-small u-car-plate-edit car-plate-duration">EXP. DEC 2016</span></li>
					<li class="touchcarousel-item"><span style="margin: 0 5px; font-size: 12px; padding: 5px; border: 1px solid black; "  class="car-plate-small u-car-plate-edit car-plate-daytime">Thu</span></li>
					<li class="touchcarousel-item"><span style="margin: 0 5px; font-size: 12px; padding: 5px; border: 1px solid black; "  class="car-plate-small u-car-plate-edit car-plate-location">London</span></li>
					<li class="touchcarousel-item"><span style="margin: 0 5px; font-size: 12px; padding: 5px; border: 1px solid black; "  class="car-plate-small u-car-plate-edit car-plate-history">History</span></li>
				</ul>
			</div>
		</div>


	 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
	<script type="text/javascript" src="js/plugins/touchcarousel/jquery.touchcarousel-1.3.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			$('#test').touchCarousel({
				/* carousel options go here see Javascript Options section for more info */
				scrollbar: false,              // Scrollbar disabled.
				pagingNavControls: false,      // Paging controls (bullets).
				directionNav:false            // Direction (arrow) navigation (true or false).
			});
		});		
	</script>
	</body>
</html>