CodePen

HTML

            
              <div class="home1-wrap">
  
  <h1>Platform &amp; Games</h1>
  
  <div class="homesection hbox2">
    <div class="hdiv1">
      <a href="#" >X-Box 360<span>Shop All</span></a>
    </div>
	</div>
    
  <div class="homesection hbox2">
    <div class="hdiv1">
      <a href="#" >X-Box 360<span>Shop All</span></a>
    </div>
	</div>
      
  <div class="homesection hbox2">
    <div class="hdiv1">
      <a href="#" >X-Box 360<span>Shop All</span></a>
    </div>
	</div>
  
</div>

            
          
!

CSS

            
              * { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0;
  padding:0;
}
.home1-wrap {
	width: 980px;
	padding-top:1em;
	background:#ddd; 
	overflow: auto;
	min-height:100%;
	margin-bottom: 20px;
}
.home1-wrap h1 {
	padding: 10px;
	text-align: center;
}
.homesection {
	float: left;
	margin: 0 0 2% 2%;
	min-height: 60px; /* remove / for presentation only */ 
	background: #1E1E1E;
	/*padding:1.125em;*/
}
		
.hbox2 {width:30.666%;}

.hdiv1 a {
  margin:10px;
  background:url(http://s14.postimg.org/yh49ovj9d/image.png);
  background-repeat:none;
  width:280px;
  height:40px;
  display:block;
  color: white;
  line-height:40px;
  padding-left:10px;
  text-decoration:none;
}

.hdiv1 a span {
  float: right;
  padding-right: 5px;
}
.hdiv1 a span:hover {
  color: blue;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................