Register
×
Name
Email
Mobile
Password
Confirm Password
Register
Already have an account ? Login Now
Login
×
User Id
Password
Login
Forgot Password
Register
Enter email
×
Email
Proceed
OTP
×
Enter OTP
Re-generate OTP
Proceed
Enter new password
×
Enter New Password
Proceed
UPSC Prepration
Login
Dashboard
Home
HTML
CSS
PHP
Socket.io
Wordpress
C++
MySQL
Bitcoin
Firebase
Hide an Element - display:none or visibility:hidden?
Call us : +918447469656 or E-mail us : info@w3tpoint.com
Edit & Run »
<!DOCTYPE html> <html> <head> <style> .hiddenWithDisplayNone { display: none; } .hiddenWithVisibilityHidden { visibility: hidden; } </style> </head> <body> <h1>This is a visible heading</h1> <h1 class="hiddenWithDisplayNone">This is a hidden heading</h1> <p>Notice that the h1 element with display: none; does not take up any space.</p> <hr/> <h1>This is a visible heading</h1> <h1 class="hiddenWithVisibilityHidden">This is a hidden heading</h1> <p>Notice that the hidden heading still takes up space.</p> </body> </html>
