'vertical-align: middle' does not work : <p><a href="http://codepen.io/abdulahhamzic/pen/rLBoOj" rel="nofollow">http://codepen.io/abdulahhamzic/pen/rLBoOj</a></p>

<p>I'm trying to get the paragraphs (the name and other info of the stream) to be vertically aligned in the middle of their div parents. I'm trying this CSS code and it is not working:</p>

<pre><code>.col-sm-4{
  text-align: right;
  vertical-align: middle;
}    
</code></pre>
