title: <span> breaking line after second line
body: <p>Code: <a href="http://jsfiddle.net/MuHvy/" rel="nofollow noreferrer">http://jsfiddle.net/MuHvy/</a></p>
  <p><strong>Javascript:</strong></p>
  <pre><code>    $(document).ready(function () {
      $(&quot;.addTag&quot;).click(function () {
          $('.questao').html($('.questao').html() + '&amp;nbsp;&lt;span contentEditable=&quot;false&quot; class=&quot;tagResp&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;');
          $('.questao').focus();
      });
      });
  </code></pre>
  <p>Span Css:</p>
  <pre><code>border:2px solid #dadada;
  border-color:#9ecaed;
  border-radius:7px;
  display: inline-block;
  height: 10px;
  width: 50px;
  padding:5px;
  margin-top:3px; 
  box-shadow:0 0 10px #9ecaed;
  white-space:nowrap;
  </code></pre>
  <p>This example should create a tag in the current line when the user clicks the button.</p>
  <p><strong>Problem:</strong>
  After the secound line, the Tag the jquery create for some reason jumps to a new line, instead of staying in the same line.</p>
  <p><strong>Example:</strong></p>
  <p><em>~WRONG~</em></p>
  <pre><code> randomtext randomtext &lt;span&gt;tag&lt;/span&gt; &lt;br&gt;
   randomtext &lt;br&gt;
   &lt;span&gt;tag&lt;/span&gt;
  </code></pre>
  <p><em>Should be:</em></p>
  <pre><code> randomtext randomtext &lt;span&gt;tag&lt;/span&gt; &lt;br&gt;
   randomtext &lt;span&gt;tag&lt;/span&gt;
  </code></pre>
  <p><strong>The other question is:</strong></p>
  <p>Its possible to focus the last line ? the jquery function .focus() goes to the start of the text, should be the end.</p>
  <p>Thanks!
  I hope someone can help me.</p>