CodePen

HTML

            
              


<aside>
  <ul>
    <li><a href="#"><img src="http://lorempixel.com/output/abstract-q-c-60-60-8.jpg" alt="sdasd"></a></li>
    <li><a href="#"><img src="http://lorempixel.com/output/abstract-q-c-60-60-8.jpg" alt="sdasd"></a></li>
    <li><a href="#"><img src="http://lorempixel.com/output/abstract-q-c-60-60-8.jpg" alt="sdasd"></a></li>
    <li><a href="#"><img src="http://lorempixel.com/output/abstract-q-c-60-60-8.jpg" alt="sdasd"></a></li>
    <li><a href="#"><img src="http://lorempixel.com/output/abstract-q-c-60-60-8.jpg" alt="sdasd"></a></li>
    <li><a href="#"><img src="http://lorempixel.com/output/abstract-q-c-60-60-8.jpg" alt="sdasd"></a></li>
    <li><a href="#"><img src="http://lorempixel.com/output/abstract-q-c-60-60-8.jpg" alt="sdasd"></a></li>
    <li><a href="#"><img src="http://lorempixel.com/output/abstract-q-c-60-60-8.jpg" alt="sdasd"></a></li>
  </ul>
  
</aside>	
            
          
!
via HTML Inspector

CSS

            
              	
aside ul {
  width:150px;
  overflow:hidden;
  background:lightgrey;
  padding:10px 0 0 10px;
  box-sizing:border-box;
}

li {

}

aside a {
  dislay: block;
  float:left;
  margin:0 10px 10px 0 ;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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