title: Center DIV content Fluid Vertical and Horizontal
body: <p>This is the example I have:</p>
  
  <p><img src="https://i.stack.imgur.com/n3pEM.gif" alt="enter image description here"></p>
  
  <p>Line height does not apply to fluid divs. The code I have is currently based on line-height but the the sizes of the boxes change. <strong>So how can I have a link (content) always in the exact middle?</strong></p>
  
  <p>I want to make sure that the content inside this DIV is always going to be equally centered from the top and the sides. Vertical and Horizontal centered.</p>
  
  <p>Current code: (note style tag is blank as this is dynamic filled)</p>
  
  <pre><code>    &lt;style type="text/css"&gt;
      .box{
      width:468px; /* php changes this sometimes */
      height:60px; /* php changes this sometimes */
      background:#eee;
      text-align:
      center;
      border:
      1px solid rgb(177, 172, 171);
      line-height: 61px;
      }
      &lt;/style&gt;
  
      &lt;div style="" class="box" id=""&gt;
  &lt;a style="color:#333;font-weight:bold" href="claimPrize();"&gt;Winner!&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>