title: Keep Text Within The Box
body: <p>How can I keep my text within the box class? without the text overflowing on the right of the box. I tried to figure it out for two hours cant seem to get it.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  
   &lt;style type="text/css"&gt;
  .box {
    width:250px;
    padding-top:5px;
    border-style:solid;
    border-color:#336699;
    border-width:1px;
    padding-left:3px;
    padding-bottom:10px;
  }
  &lt;/style&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
         &lt;p class="box"&gt;
           &lt;span&gt;
             &lt;a href="http://localhost/Latest Artical 1.htm"&gt;&lt;b&gt;Latest Artical 1&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...&lt;br /&gt;&lt;br /&gt;
             &lt;a href="http://localhost/Latest Artical 2.htm"&gt;&lt;b&gt;Latest Artical 2&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...&lt;br /&gt;&lt;br /&gt;
             &lt;a href="http://localhost/Latest Artical 5.htm"&gt;&lt;b&gt;Latest Artical 5&lt;/b&gt;&lt;/a&gt;&lt;br /&gt;Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...&lt;br /&gt;&lt;br /&gt;
          &lt;/span&gt;
         &lt;/p&gt;   
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>