leora leora - 6 months ago 19
HTML Question

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

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

if i have this:

<div id="divCheckbox" style="visibility: hidden">

i dont see the checkbox but it still creates a new line

if i have this:

<div id="divCheckbox" style="visibility: hidden; display:inline;">

it no longer creates a new line but it takes up horizontal space on the screen.

is there anyway to have a hidden div that takes up no room (vertical or horizontal?


Use display:none;

<div id="divCheckbox" style="display: none;">
  • visibility: hidden hides the element, but it still takes up space in the layout.

  • display: none removes the element completely from the document, it doesn't take up any space.