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>
    </div>
</div>

CSS

.header {
	width: 300px;
	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;
}

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

a {
    height: 2.5em;
	width: 2.5em;
    display: inline-block;
    outline: 0;
}