CodePen

HTML

            
              <div id="latest-news">
  <ul>
      <li><img src="http://www.lorempixel.com/40/40/nature" />
        <h2>Pellentesque pretium lectus id turpis agua</h2>
        <time datetime="2012-04-15">April 15, 2012</time>, 2 Comments</li>
    
      <li><img src="http://www.lorempixel.com/40/40/sports" />
        <h2>In sed ligula at metus condimentum</h2>
        <time datetime="2012-03-12">March 12, 2012</time>, 8 Comments</li>
      
      <li><img src="http://www.lorempixel.com/40/40/fashion" />
        <h2>Ut sodales neque a ante eleifend sit amet</h2>
        <time datetime="2011-12-03">December 3, 2011</time>, 12 Comments</li>
  </ul>
</div><!--END latest-news-->
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              #latest-news {
  margin: 20px;
}

#latest-news li img {
    float: left;
    margin: 0 10px 10px 0;
}

#latest-news li {
    clear: left;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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