title: Avoid line break when using jquery append() or html()
body: <p>At first I have this in my DOM :</p>
  
  <pre><code>&lt;li&gt;
    &lt;span&gt;A&lt;/span&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>When i do this :</p>
  
  <p><code>$("li").append("&lt;span&gt;B&lt;/span&gt;");</code></p>
  
  <p><br/>
  Here is what I got if I look into the DOM :</p>
  
  <pre><code>&lt;li&gt;
    &lt;span&gt;A&lt;/span&gt;
    &lt;span&gt;B&lt;/span&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p><br/>
  But I would like to have</p>
  
  <pre><code>&lt;li&gt;
     &lt;span&gt;A&lt;/span&gt;&lt;span&gt;B&lt;/span&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p><br/>
  I need to display span on the same line in order to avoid displaying a white space between the two elements.</p>
  
  <p>With javascript innerHTML the problem is the same as jQuery use it for append and html function.</p>
  
  <p><a href="http://jsfiddle.net/cm0s/Z9TTd/24/" rel="noreferrer">Here is a jsFiddle</a></p>
  
  <p>Thank you for your help</p>