social media icons in topright header field showing up vertical

I am working with a custom designed theme. I have social icons in the top right of the header which is in catalyst hook header right. The icons are vertical instead of horizontal. see link https://child-familyservices.org/

I have tried making them smaller, that did not fix the issue.

This is the code that’s used:

<div id="topright">
<a href="https://child-familyservices.org/">Home</a> | <a href="https://child-familyservices.org/our-locations">Our Locations</a><hr noshade color="#0084a9" size="0">
<a href="https://www.facebook.com/pages/Child-and-Family-Services/360705862169?ref=ts#"><img class=”alignnone size=height=”22” width=”22” src=" https://child-familyservices.org/wp-content/uploads/facebook-social-icon.jpg" onmouseover="this.src=' https://child-familyservices.org/wp-content/uploads/facebook-social-icon-rollover.jpg'" /></a><a href="https://twitter.com/CFServices1843"><img class=”alignnone size=height=”22” width=”22” src=" https://child-familyservices.org/wp-content/uploads/twitter-social-icon.jpg" onmouseover="this.src=' https://child-familyservices.org/wp-content/uploads/twitter-social-icon-rollover.jpg'" /></a><a href="https://www.linkedin.com/company/child-&-family-services-inc-?trk=cp_followed_name_child-%26-family-services-inc-"><img class=”alignnone size=height=”22” width=”22” src=" https://child-familyservices.org/wp-content/uploads/linkedin-social-icon.jpg" onmouseover="this.src=' https://child-familyservices.org/wp-content/uploads/linkedin-social-icon-rollover.jpg'" /></a><a href="https://plus.google.com/u/1/b/113661909805162530162/113661909805162530162/about/p/pub"><img class=”alignnone size=height=”22” width=”22” src=" https://child-familyservices.org/wp-content/uploads/google-plus-social-icon.jpg" onmouseover="this.src=' https://child-familyservices.org/wp-content/uploads/google-plus-social-icon-rollover.jpg'"  /></a></div>