title: Footer Icons Not Lining Up In Position
body: <p>I can't seem to get my social media icons to line up top to bottom with the accompanying words. I am looking for any suggestions on how I might be able to go about this? I've tried <code>display: block</code>, etc, but I can't seem to get it to work. I think if I could get it to line up top to bottom I could figure the rest out.</p>
  
  <p>Here's a fiddle with all the code:</p>
  
  <p><a href="https://jsfiddle.net/o4aajsmu/" rel="nofollow noreferrer">https://jsfiddle.net/o4aajsmu/</a></p>
  
  <p>Edit: here's a pic of what's going on right now</p>
  
  <p><a href="https://i.stack.imgur.com/PhkIh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PhkIh.png" alt="enter image description here"></a></p>