title: How to center vertically div inside div
body: <p>First need to tell you that I am using this code:</p>
  
  <p><a href="https://jsfiddle.net/hbahar95/27/" rel="nofollow noreferrer">https://jsfiddle.net/hbahar95/27/</a></p>
  
  <pre><code>  .text.ellipsis {
    position: relative;
    font-size: 14px;
    color: black;
    font-family: sans-serif;
    width: 250px; /* Could be anything you like. */
  }
  
  .text-concat {
    position: relative;
    display: inline-block;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 3.6em; /* (Number of lines you want visible) * (line-height) */
    line-height: 1.2em;
    text-align:justify;
  }
  
  .text.ellipsis::after {
    content: "...";
    position: absolute;
    right: -12px; 
    bottom: 5px;
  }
  </code></pre>
  
  <p>because I need to have multy-line ellipse for titles. And this part of code works.</p>
  
  <p>but now I need to center vertically div inside div, and this part of code works partially.... I really tried everything but still cant fix the problem.</p>
  
  <p>you can see here the live example: <a href="http://phpbb32.majordroid.com/index.php" rel="nofollow noreferrer">http://phpbb32.majordroid.com/index.php</a></p>
  
  <p>Inside the blue div everything is fine, but below inside white div title for some reason sank, or in other words is not centered.</p>
  
  <p>So I hope you can help me to center vertically div inside div, and it needs to work in IE8+</p>
  
  <p>Thank you</p>