title: CSS footer positioning to vertically center text when using bootstrap
body: <p>I cannot seem to position text on the right side of this footer: </p>
  
  <p><a href="http://jsfiddle.net/x6La5bva/" rel="nofollow">FIDDLE</a></p>
  
  <p>Basically what happens is that I need the "center" class to keep the text vertically aligned on the footer, but using the "center" class and the "text-right" class (In bootstrap) will have the text messed up. If I only use the "text-right" class, the text is on the right, but way up top.</p>
  
  <p>The CSS for .center is:</p>
  
  <pre><code>.center {
    margin: 0;
    position: absolute;           
    top: 50%;                      
    transform: translate(0, -50%);
  }
  </code></pre>