﻿<!DOCTYPE html>
<html>
<!--
 * 
 * Copyright © 2012 All Rights Reserved, http://simpletrees.co.uk
 * 
 * NOTICE:  All information contained herein is, and remains the property 
 * of Simple Trees Ltd and its suppliers, if any. The intellectual and 
 * technical concepts contained herein are proprietary to Simple Trees Ltd 
 * and its suppliers and may be covered by UK, EU and Foreign Patents, 
 * patents in process, and are protected by copyright law. Dissemination of 
 * this information or reproduction of this material is strictly forbidden
 * unless prior written permission is obtained from Simple Trees Ltd. 
 *
 * This version of the product and all associated intellectual/technical
 * concepts are intended for demo purposes only and not for resale.
 *
 * Contact info@simpletrees.co.uk for license agreements or more details.
 *
-->
<head>
    <title> </title>
<!-- Mimic Internet Explorer 7 -->
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8 >

</head>
<body style="height: 100%; margin: 0">
	<style type="text/css">
		ul li {
			display: inline;
		}
		.ulclass {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}
		
		.liclass {
			padding-right: 35px;
		}
		.liblock {
			/*border: solid 2px grey;*/
			display: inline-block;
			height: 37px;
			width: 37px;
			border: solid 1px;
		}
	</style>
	<script type="text/javascript">
	</script>
	<ul class="ulclass">
		<li class='liclass'><div id='li1' class='liblock'><label class='block-text'>1</label></div></li>
		<li class='liclass'><div id='li2' class='liblock'><label class='block-text'>2</label></div></li>
		<li class='liclass'><div id='li3' class='liblock'><label class='block-text'>3</label></div></li>
		<li class='liclass'><div id='li4' class='liblock'><label class='block-text'>4</label></div></li>
	</ul>
</body>