How do you create a hidden div that doesn't create a line break or horizontal space?

Question

I want to have a hidden checkbox that doesn\'t take up any space on the screen.

If I have this:

Answer 1

Since you should focus on usability and generalities in CSS, rather than use an id to point to a specific layout element (which results in huge or multiple css files) you should probably instead use a true class in your linked .css file:

.hidden {
visibility: hidden;
display: none;
}

or for the minimalist:

.hidden {
display: none;
}

Now you can simply apply it via:

 content