JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container clearfix">

		<div class="grid_5" id="social_icons">
			<a href="http://www.facebook.com/print3dexpert" target="blank"><img src="img/facebook.png" alt="Click to visit us on Facebook"></a>
			<a href="http://www.twitter.com/print3dexpert" target="blank"><img src="img/twitter.png" alt="Click to visit us on Twitter"></a>
			<a href="http://pinterest.com/print3dexpert" target="blank"><img src="img/pinterest.png" alt="Click to visit us on Pininterest"></a>
			<a href="#"><img src="img/email.png" title="Click to contact us" alt="Contact us"></a>

		</div>

		<nav class="topmenu omega">
			<ul>
			<li><a href="#">Home</a> |</li>
			<li><a href="#">About Us</a> |</li>
			<li><a href="#">Cheeses</a></li>
			</ul>
		</nav>

CSS

#social_icons {
	padding: .5em;
	line-height: 1.22;
}

.topmenu li {
	display:inline-block;
		font-size: 1.5em;
	text-align: right;
	line-height: 1.22;
}