Question about following code snippet for adding social media to Sydney footer

Hi! I have added the following block of code to the sydney child footer php file. I included a larger snippet so you can see location, but the actual code I am referencing is highlighted in bold. It is the Facebook link. It sends you correct url and it has the correct icon.

However, it is only one space over from the bloginfo(‘siteurl’) text.
What snippet can I use to make the social icon appear on the right side of page while bloginfo(‘siteurl’) stays on left side?

Here is link to site if you need to see what I mean with Facebook icon appearing right next to site url blog info.

Here is code block.

<blockquote>
<footer id="colophon" class="site-footer" role="contentinfo">
		<div class="site-info container">
			<a href="<?php bloginfo('siteurl'); ?>">Copyright 2016-2017 © 			MelissaHummel.com</a><span>   </span>
			<strong><a href="http://facebook.com/profile"><i class="fa fa-facebook"></i></a></strong>		
		</div><!-- .site-info -->
	</footer><!-- #colophon --></blockquote>

Thanks a lot!

I did something wrong, ignore the block quote and strong tags within the code. The issue is the facebook url link and how to separate it so it will appear away from url as explained in OP.

Again, Thanks

Hi,

Please try the following CSS code, it’s used to add gap between your footer social media icons:

.site-info a:nth-of-type(2) .fa {
    margin-left: 20px;
}

.site-info .fa {
    margin-left: 5px;
    margin-right: 5px;
}

Regards,
Awan

Brilliant! Worked perfectly and I can adjust the gaps. Thank you.
Once again Athemes shows why they are so good.