CodePen

HTML

            
              <div id="container">
  <ul>
    <li>a</li>
     <li>b</li>
     <li>c</li>
     <li>d</li>
     <li>e</li>
     <li>f</li>
     <li>g</li>
     <li>h</li>
     <li>i</li>
     <li>j</li>
      <li>a</li>
     <li>b</li>
     <li>c</li>
     <li>d</li>
     <li>e</li>
     <li>f</li>
     <li>g</li>
     <li>h</li>
     <li>i</li>
     <li>j</li>
  </ul>
  
</div>
            
          
!

CSS

            
              #container
{width:40%;
padding:10px 0;
border:1px solid #ccc;
box-shadow:0 0 10px 0 #333;
margin:5% auto}

li
{display:inline-block;
width:100px;
height:100px;
box-shadow:0 0 5px 0 #ccc;
margin-bottom:5px;
text-align:center;
line-height:100px;
font-size:35px;
color:#212121;
text-shadow:0 1px 2px #999}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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