title: Button to make other div visible
body: <p>I am fairly new and just experiencing with some html/css . I was planning to make a login screen pop up in the middle of when a user clicks "login".</p>
  
  <p>i've set up a div which is hidden on the screen and i want to make it visible when the user clicks on "login"</p>
  
  <p>the problem i'm having is making the Div visible again . Here is the CSS:</p>
  
  <pre><code>#loginscreen {
      position: absolute;
      width: 400px;
      height: 500px;
      top:0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      border: 2px solid black;
      border-radius: 40px;
      background-color: lightgrey;
      visibility: hidden;
      z-index: 1000;
  }
  
      .loginbtn:active + #loginscreen
      {
        visibility: visible
  
      }
  </code></pre>