title: Vertical alignment with img and navlink/text with flexbox
body: <p><a href="https://codepen.io/bencasalino/pen/GRJNGJe" rel="nofollow noreferrer">https://codepen.io/bencasalino/pen/GRJNGJe</a></p>
  
  <pre><code>&lt;li class="navbar-link"&gt;
    &lt;a href="#"&gt;
      &lt;img class ="img" src="http://placekitten.com/200/300" alt="test"&gt; CENTER THIS LINK VERTICALLY IN THE MIDDLE OF THE CAT PIC  &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I'm trying to align the link vertically with the image. My thought was to use flexbox but I wrapped the text in a span tag so flexbox recognizes it as a child element. Not sure if the structure of the HTML is the issue or that using flexbox is not the answer. </p>