Home/ Questions/Q 7827741
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T10:01:13+00:00

How do I close the gap between elements if I hide a few of

  • 0

How do I close the gap between elements if I hide a few of them with visibility: hidden?

I have this HTML.

    <div id="logged_in" style="display:inline; visibility: hidden;"><a onclick=""></a>&nbsp;&#8226;&nbsp;</div>
    <a id="login_box" onclick="show_login_user();">Login</a>
    <a id="logout_box" onclick="logout_user();" style="visibility: hidden;">Logout</a>&nbsp;|&nbsp;
    <a onclick="show_register_user();">Register</a>&nbsp;|&nbsp;

When the user is logged out, logout is hidden and there is a gap between login and register. If the user is logged in, there is a gap between the logged_in username and logout.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use display:none; instead. visibility:hidden; does not “free” the space used by the hidden element.

    • 0