CodePen

HTML

            
              <body>
 <div id="container">
    <div class="wrapper">
      <ul>
        <li>Button1</li>
        <li>Button2</li>
        <li>Button3</li>
      </ul>
    </div>
  </div>
  
 <div class="wrapper">
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa. Sed eleifend nonummy diam. Praesent mauris ante, elementum et, bibendum at, posuere sit amet, nibh. Duis tincidunt lectus quis dui viverra vestibulum. 
  </div>
</body>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              body { padding:0; margin:0; }
#container { background:#999; height:100px; }
.wrapper  { margin:0 auto; width:900px; }
ul li { display:inline-block; padding:10px; }
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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