Dashboad - Grid Code

by Shankar

HTML

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>

<style>
.wrapper {
	
}

.square {
    float: left;
    width:35px;
    height:35px;
    display:block;
    overflow:hidden;
    border: 0px solid;
    margin: 0px 1px;
    text-align: center;
    background-color: #FF0000;
    color: #fff;
}

.rowLine {
    float: left;
    border:none;
    margin: 1px 0px;
    
}
</style>


<body>
<div style="width:790px;">
	<div>
		<div class="square">18%</div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
	</div>
	<div class="rowLine">
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
		<div class="square"></div>
	</div>

</body>
</html>