title: HTML Character - Invisible space
body: <p>I have a website called Dalton<b>Empire</b>.</p>
  
  <p>When a user copies "DaltonEmpire" I would like "Dalton Empire" to be added to their clipboard.</p>
  
  <p>I only came to one solution; use a space, but make the <code>letter-spacing</code> <code>-18px</code>.
  Isn't there a neater solution, such as a HTML character for this?</p>
  
  <p>My example <a href="http://jsfiddle.net/4BbLU/" rel="noreferrer">JSFiddle</a> and code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>span.nospace {
    letter-spacing: -18px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ol&gt;
    &lt;li&gt;Dalton&lt;b&gt;Empire&lt;/b&gt;&lt;/li&gt;
    &lt;li&gt;Dalton&amp;zwnj;&lt;b&gt;Empire&lt;/b&gt;&lt;/li&gt;
    &lt;li&gt;Dalton&amp;zwj;&lt;b&gt;Empire&lt;/b&gt;&lt;/li&gt;
    &lt;li&gt;Dalton&amp;#8203;&lt;b&gt;Empire&lt;/b&gt;&lt;/li&gt;
    &lt;li&gt;Dalton&lt;span class="nospace"&gt; &lt;/span&gt;&lt;b&gt;Empire&lt;/b&gt; &lt;i&gt;The only one that works&lt;/i&gt;
    &lt;/li&gt;
  &lt;/ol&gt;</code></pre>
  </div>
  </div>
  </p>