title: Position element in middle of screen using CSS
body: <p>After my website was completed, everyday I am trying to modify things that would make it more responsive. It's made in Muse so don't expect much of "responsiveness".</p>
  
  <p>I have an element with this class:</p>
  
  <pre><code>#labelstrong
   {
      z-index: 17;
      width: 633px;
      background-color: transparent;
      color: #FFFFFF;
      text-align: justify;
      position: fixed;
      top: 1542px;
      left: 164px;
   } 
  </code></pre>
  
  <p>Normally, the element is in the middle of the screen. But when I zoom out, the element maintains the same distance to the top of the screen (because of the top attribute of course). How can I define its position in a way that even if I zoom in or out it will still be in the middle of the screen.</p>
  
  <p>UPDATE: 
  The problem is (and I forgot to mention it) that the position must be fixed as there is an horizontal scrolling feature for all elements ( they come from the right of the screen) and so they have to be on a fixed position.</p>
  
  <p>UPDATE 2: Here is a live example. Imagine that the class is applied on each TAG (not the menu of course).</p>
  
  <p><a href="http://2323029s8s8s8.businesscatalyst.com/index.html" rel="nofollow">http://2323029s8s8s8.businesscatalyst.com/index.html</a> </p>