title: Making div content responsive
body: <p>My content isn't responsive at the moment. I've tested it on iPhone and the text goes over the screen.</p>
  
  <p>I've changed the CSS of my container to:</p>
  
  <pre><code>#container2 {
      width: 960px; 
      max-width: 90%;
      position: relative;
      left: 50%;
      margin-left: -480px;
      line-height: 1.4em;
  }
  </code></pre>
  
  <p>When I test it after the change, the content disappears. I read that putting max-width:90%; would allow it to not exceed the boundary width (<a href="http://webdesignerwall.com/tutorials/5-useful-css-tricks-for-responsive-design" rel="noreferrer">http://webdesignerwall.com/tutorials/5-useful-css-tricks-for-responsive-design</a>) but obviously it didn't work. What am I doing wrong?</p>