title: CSS bug span overflow from div
body: <p>Navigate to the <strong>clients</strong> page and you should see links and email addresses overflowing out of their containing div tags given the class 'client' For example:</p>
  
  <pre><code>&lt;div class="client"&gt;
  &lt;span class="delete"&gt;
  &lt;span class="name"&gt;
  &lt;span class="address"&gt;
  &lt;span class="municipal"&gt;
  &lt;span class="county"&gt;
  &lt;span class="phone"&gt;
  &lt;p class="email"&gt;
  &lt;span class="url"&gt;
  &lt;strong&gt;www:&lt;/strong&gt;
  &lt;a href="http://www.edjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjju.salford.ac.uk"&gt;
  &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>is there anyway to prevent the string of text inside the span element for email and website leaving the div make it run on a new line continuously underneath? The solution needs to be in order so the page can CSS can be validated by the W3C.</p>