How to center vertically div inside div : <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>
