Entered HTML – Mobile Display issue

Hey guys, hoping you can help me out here.

I wanted to add social media icons to the header of my website but with the Mckinley theme, evidently you have to add the HTML for it yourself. Well, I did this and I finally got it looking ok on a laptop but when I view it on a mobile device, it looks like this

Here’s how it looks on a laptop/desktop and how I want it to look on mobile:

I entered the following code into the page template.php section in editor:

<div>
<a href="http://www.facebook.com/deluxecareers" target="_blank">
<img title="Facebook" alt="Facebook" src="https://socialmediawidgets.files.wordpress.com/2014/03/02_facebook.png" width="30" height="30" <img style="position:absolute; top:-35px; left:390px;">
</a>
<a href="http://www.twitter.com/deluxejobs" target="_blank">
<img title="Twitter" alt="Twitter" src="https://socialmediawidgets.files.wordpress.com/2014/03/01_twitter.png" width="30" height="30" <img style="position:absolute; top:-35px; left:425px;">
</a>
<a href="https://www.pinterest.com/deluxejobs" target="_blank">
<img title="Pinterest" alt="Pinterest" src="https://socialmediawidgets.files.wordpress.com/2014/03/13_pinterest.png" width="30" height="30" <img style="position:absolute; top:-35px; left:460px;">
</a>

<a href="https://www.linkedin.com/groups/3491096" target="_blank">
<img title="LinkedIn" alt="LinkedIn" src="https://socialmediawidgets.files.wordpress.com/2014/03/07_linkedin.png" width="30" height="30" <img style="position:absolute; top:-35px; left:495px;">
</a>
<a href="http://www.instagram/deluxecareers" target="_blank">
<img title="Instagram" alt="RSS" src="https://socialmediawidgets.files.wordpress.com/2014/03/10_instagram.png" width="30" height="30" <img style="position:absolute; top:-35px; left:530px;">
</a>
<a href="https://www.youtube.com/channel/UCp-jG8f-lTIjbQ7ZzQHM3JQ" target="_blank">
<img title="YouTube" alt="Youtube" src="http://www.dilicakesblog.co.nz/wp-content/uploads/2015/07/06youtube.png" width="30" height="30" <img style="position:absolute; top:-35px; left:565px;">
</a>
</div>

I’m wondering, did I enter the code in the wrong location?

Any help would be appreciated.

Thanks!

Mike