Sometimes, we want to create a hidden div that doesn’t create a line break or horizontal space with HTML and CSS.
In this article, we’ll look at how to create a hidden div that doesn’t create a line break or horizontal space with HTML and CSS.
How to create a hidden div that doesn’t create a line break or horizontal space with HTML and CSS?
To create a hidden div that doesn’t create a line break or horizontal space with HTML and CSS, we set the display CSS property to none.
For instance, we write
<div id="divCheckbox" style="display: none">...</div>
to make the div hidden by setting the style attribute to display: none.
Setting the display CSS property to none would make the div not take up any space when it’s hidden.
Conclusion
To create a hidden div that doesn’t create a line break or horizontal space with HTML and CSS, we set the display CSS property to none.
