HTML Code
<div class="wrapper">
<div class="left1">
</div>
<div class="left2">
</div>
<div class="left3">
</div>
<div class="left4">
</div>
<div class="left5">
</div>
<div class="left6">
</div>
<div class="left7">
</div>
<div class="left8">
</div>
<div class="left9">
</div>
<div class="left10">
</div>
<div class="left11">
</div>
</div>
CSS CODE
.wrapper{
position: relative;
float: left;
left: 0px;
width: 1342px;
margin-bottom: 10px;
background-color: #cccccc
}
.left1{
position: relative;
float: left;
left: 5px;
width: 112px;
height: 112px;
background-color: #828282
}
.left2{
position: relative;
float: left;
left: 15px;
width: 112px;
height: 112px;
background-color: #828282
}
.left3{
position: relative;
float: left;
left: 25px;
width: 112px;
height: 112px;
background-color: #828282
}
.left4{
position: relative;
float: left;
left: 35px;
width: 112px;
height: 112px;
background-color: #828282
}
.left5{
position: relative;
float: left;
left: 45px;
width: 112px;
height: 112px;
background-color: #828282
}
.left6{
position: relative;
float: left;
left: 55px;
width: 112px;
height: 112px;
background-color: #828282
}
.left7{
position: relative;
float: left;
left: 65px;
width: 112px;
height: 112px;
background-color: #828282
}
.left8{
position: relative;
float: left;
left: 75px;
width: 112px;
height: 112px;
background-color: #828282
}
.left9{
position: relative;
float: left;
left: 85px;
width: 112px;
height: 112px;
background-color: #828282
}
.left10{
position: relative;
float: left;
left: 95px;
width: 112px;
height: 112px;
background-color: #828282
}
.left11{
position: relative;
float: left;
left: 105px;
width: 112px;
height: 112px;
background-color: #828282
}
body {
border-width: 0px;
padding: 0px;
margin: 0px;
font-size: 90%;
background-color: #e7e7de
}
.wrapper{
position: relative;
float: left;
left: 0px;
width: 1342px;
margin-bottom: 10px;
background-color: #cccccc
}
.left1{
position: relative;
float: left;
left: 5px;
width: 112px;
height: 112px;
background-color: #828282
}
.left2{
position: relative;
float: left;
left: 15px;
width: 112px;
height: 112px;
background-color: #828282
}
.left3{
position: relative;
float: left;
left: 25px;
width: 112px;
height: 112px;
background-color: #828282
}
.left4{
position: relative;
float: left;
left: 35px;
width: 112px;
height: 112px;
background-color: #828282
}
.left5{
position: relative;
float: left;
left: 45px;
width: 112px;
height: 112px;
background-color: #828282
}
.left6{
position: relative;
float: left;
left: 55px;
width: 112px;
height: 112px;
background-color: #828282
}
.left7{
position: relative;
float: left;
left: 65px;
width: 112px;
height: 112px;
background-color: #828282
}
.left8{
position: relative;
float: left;
left: 75px;
width: 112px;
height: 112px;
background-color: #828282
}
.left9{
position: relative;
float: left;
left: 85px;
width: 112px;
height: 112px;
background-color: #828282
}
.left10{
position: relative;
float: left;
left: 95px;
width: 112px;
height: 112px;
background-color: #828282
}
.left11{
position: relative;
float: left;
left: 105px;
width: 112px;
height: 112px;
background-color: #828282
}
body {
border-width: 0px;
padding: 0px;
margin: 0px;
font-size: 90%;
background-color: #e7e7de
}