How to align header social icons horizontally.

Hi,

I tried editing the css to solve this matter and my social icons just won’t align horizontally on the header. Any help achieving this would be greatly appreciated. This is the link to the site: http://www.itgirlsblog.com/

This is what my current css looks like after quite a few edits:
.head-socials { float: right; max-width: 200px; }
.head-socials ul {
font-size: 0;
list-style: outside none none;
margin: 0px;
padding: 0px;
}
.head-socials ul li {
display: inline;
margin: 0px;
width: 100px;

Thanks so much 🙂