title: layout problem: keeping a fixed width in CSS with varying text
body: <p>The "span" tag that encompasses the text I'm trying to display is of 500px width.</p>
  
  <p>Now, every time I insert a text longer than that width, it crosses over to complete the text. That only happens when the text has no spaces (like:</p>
  
  <pre><code>sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
  </code></pre>
  
  <p>you get the picture.</p>
  
  <p>I've tried setting max-width, but it doesn't help either.</p>
  
  <p>Any suggestions? (I'd hate to have to cut the text with php)</p>