Выкладываю решение. w3c валидатор не ругается.
<div class="items-wrap">
<div class="info-item">
<a href="#">
<img src="img/section2/1.png" alt="Biography">
<p>Biography</p>
</a>
</div>
<div class="info-item">
<a href="">
<img src="img/section2/2.png" alt="Family">
<p>Family</p>
</a>
</div>
<div class="info-item">
<a href="">
<img src="img/section2/3.png" alt="Hobbies">
<p>Hobbies</p>
</a>
</div>
</div>
SASS:
.items-wrap
text-align: center
.info-item
width: 300px
display: inline-block
margin: 20px 12px 30px
position: relative
a
font-size: em(24px)
font-family: "Source Sans Pro Regular", $helvetica
color: #fff
img
border: 1px solid #000
p
display: block
border: 1px solid #fff
width: 200px
//margin: 120px 40px
position: absolute
top: 170px
left: 55px