title: How to avoid content of span break in two lines?
body: <p>I have the following <a href="http://jsfiddle.net/hLL9R/" rel="noreferrer">jsFiddle</a>. When I resize the window the span is broken into two lines. How do I prevent that? I want the whole span to go to the second line.</p>
  
  <pre><code>&lt;html&gt;
      &lt;body&gt;
          &lt;div id="dvContainer"&gt;
              &lt;span style="border:1px;border-style:solid;margin-right:5px;padding:5px;"&gt;some text for the first span&lt;/span&gt;
              &lt;span style="border:1px;border-style:solid;margin-right:5px;padding:5px;"&gt;second text for second span&lt;/span&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>edit:</p>
  
  <p>I need them next to each other, but when I resize the screen I want the whole div to break the line, thanks</p>