title: How to center multi line text in a hidden Div
body: <p>I have a issue with centering a paragraph inside of a div that needs to be aligned vertically. They are inside of sliding boxes that are triggered when hovering over an image. Cannot use display: inline-block because it is currently setting it a default state of display: none;.  Please tell me the best way to handle this, I'm sure someone will have a simple solution, that will make me feel stupid.  Thanks in advance.</p>
  
  <p><a href="http://jsfiddle.net/JohnWeb/rBsLx/13/" rel="nofollow noreferrer">http://jsfiddle.net/JohnWeb/rBsLx/13/</a></p>
  
  <p>Here is the textbox divs css</p>
  
  <pre><code>.textbox {
      max-width: 610px;
      height: 155px;
      padding: 10px;
      display: none;
      overflow: hidden;
      background: linear-gradient(to bottom, rgba(5, 58, 24, 0.65) 10%, rgba(0, 0, 0, 0.13) 83%, rgba(0, 0, 0, 0) 100%);
      border-radius: 0 10px 10px 0;
  }
  </code></pre>
  
  <p>I have posted this same code before, but I am not aware of the question asking process or etiquette on here, this is not a jquery problem like it was before, it's functionally working the way I need it to, but this time it is the CSS. So I'm reposting it. (pasted previous question below)</p>
  
  <p><a href="https://stackoverflow.com/questions/21235097/how-to-handle-a-hide-show-queue-with-multiple-hidden-divs-smoothly">How to handle a hide/show queue with multiple hidden divs smoothly</a></p>