title: Wrapping span tags inside a div
body: <p>I have a couple of div tags nested within each other and a few span tags nested like below:-</p>
  
  <pre><code>&lt;div id="leftcol"&gt;
      &lt;div id="tagcloud"&gt;
          &lt;span class="mytags"&gt;&lt;a href=""&gt;tag1&lt;/a&gt;&lt;/span&gt;
          &lt;span class="mytags"&gt;&lt;a href=""&gt;tag2&lt;/a&gt;&lt;/span&gt;
          &lt;!-- and a few more spans of the same type --&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now the issue is that spans overflow their container div tag. Can somebody be kind enough to let me know how to get these spans to be wrapped inside their container div (here the div with the id tagcloud). Both the outer divs have a width of 300px specified.</p>
  
  <p>(Additional info- I have done a CSS reset using the YUI reset-fonts-grids. I am just getting accustomed with CSS.)
  -The site can be looked at frekshrek.appspot.com... the tag cloud just does not wrap inside its container div</p>