title: Text Spills out of div on browser resize?
body: <p>I have a div I want to hold my text, but when I zoom the window out the text breaks up and spills out the bottom. This seems to only be an issue in chrome, and I was hoping someone could help me.</p>
  
  <pre><code>.about{
      float: left;
      margin-left: 50px;
      margin-bottom: 20px;
      max-height: 226px;
      max-width: 515px;
      font-size: 16px;
      font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class=about&gt;
      &lt;h3&gt;Welcome:&lt;/h3&gt;
      &lt;p&gt; All my Text goes here that keeps spilling out.&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>