CodePen

HTML

            
              <div class="container">
  <div class="foo">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sit amet vestibulum lacus. Maecenas convallis, libero sed consectetur aliquam, lectus odio auctor ipsum, id semper dui enim sit amet urna. Nulla ac sapien felis. Nullam sapien erat, rutrum ac viverra et, commodo a diam. Donec tellus lectus, ullamcorper vel fermentum sed, tempus ut metus. Nunc semper nulla non nulla sagittis in tristique arcu luctus. Quisque sapien enim, dapibus non imperdiet sed, convallis sollicitudin justo.
  </div>
</div>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              .container {
  background:#c00;
  overflow:auto;
  padding:30px;
  width:900px;
  
  .foo {
    background:grey;
    box-sizing:border-box;
    width:55.5556%; /* 500/900 = 0.555555555555555556 */
    padding:30px;
    float: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 ..................