JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
    <div class="logo"></div>
    <div class="social">	<a href="http://www.facebook.com" target="_blank"><img class="socialBtn" src="http://i973.photobucket.com/albums/ae213/GeminiJuSa/facebook_btn.png" height="2,5em" width="2,5em" border="0" /></a>
	<a href="http://www.twitter.com" target="_blank"><img class="socialBtn" src="http://i973.photobucket.com/albums/ae213/GeminiJuSa/facebook_btn.png" /></a>
	<a href="http://www.pinterest.com" target="_blank"><img class="socialBtn" src="http://i973.photobucket.com/albums/ae213/GeminiJuSa/facebook_btn.png" /></a>

    </div>
</div>

CSS

.header {
	width: 650px;
	height: 150px;
	clear: left;
	margin: 0px auto;
	background-color: #efefef;
	position: relative;
	
	border-radius: 4em 4em 0 0;
}

.social{
	padding: 1em 2em 0 0;
	display: inline-block;
	width: 190px;
	height: 2.5em;
	position: absolute;
	right: 0;
}

.social a{
    display: inline-block;
}

.socialBtn{
	margin: 0.6em;
	height: 2.5em;
	width: 2.5em;
}

a{
    background-color: orange;
    padding: 0;
    margin: 0;
}