title: How do you create a hidden div that doesn't create a line break or horizontal space?
body: <p>I want to have a hidden checkbox that doesn't take up any space on the screen.</p>
  
  <p>If I have this:</p>
  
  <pre><code>&lt;div id="divCheckbox" style="visibility: hidden"&gt;
  </code></pre>
  
  <p>I don't see the checkbox, but it still creates a new line.</p>
  
  <p>If I have this:</p>
  
  <pre><code>&lt;div id="divCheckbox" style="visibility: hidden; display:inline;"&gt;
  </code></pre>
  
  <p>it no longer creates a new line, but it takes up horizontal space on the screen.</p>
  
  <p>Is there a way to have a hidden div that takes up no room (vertical or horizontal?</p>