Need Help With Assignment

[ShenaniganCoder]

Hi, I'm a beginner programmer and I code as a hobby, I was given this assignment to recreate a website and I would really appreciate some help. 

So I was wondering why these 2 elements weren't lined up. As you can see in the picture below the YouTube symbol and the blue links aren't lined up. I was wondering how I could line them up.

           <!--This is the HTML for the list-->			
			<ul id="socialmedia">
					<li><a href="https://www.facebook.com/brucetelecom">
					<img src="http://www.brucetelecom.com/images/facebook.png" title="Our Facebook" />
					</a></li>
					<li><a href="https://twitter.com/brucetelecom">
					<img src="http://www.brucetelecom.com/images/twitter.png" title="Our Twitter" />
					</a></li>
					<li><a href="https://www.youtube.com/channel/UCmNxyLUGOi_vUIzf7SfzwEQ" />
					<img src="http://www.brucetelecom.com/images/youtube.png" />
					</a></li>
			</ul> 

/*This is the code for the CSS of the same list*/
ul {
	list-style:none;
	padding: 0;
	margin: 0;
}

Thanks!

P.S: The website is brucetelecom.com/careers.php

[minibois]

Try adding this to the CSS:

img {
	padding: 0;
	margin: 0;
}

And kinda playing around with that, if it doesn't align again the other way around.