JSFiddle - React, Tailwind, and code Playground

HTML

<div id="DivHeader">

			<div id="DivLogo">
			
			<span class="Logo" id="SpLogo">Header</span><br/>
			<span class="Logo" id="SpSlogan">{sub header}</span>
						
			</div>
						
			<div id="DivPrabhu">
				<a  href="http://google.com">Who?</a>
				<a  href="https://www.facebook.com">Connect</a>
				<a href="#">Feedback/Bugs</a>
			</div>

		</div>
		
		<div id="DivMain">
		
		</div>

CSS

html,body
{
margin:0px;
padding:0px;
}

#DivHeader
{
position:relative;
display:inline-block;
width:100%;
font-family: Century Gothic, sans-serif;
background-color:#3b5998;
}

#DivLogo
{
	position:relative;
	float:left;         /*please remove this property and run*/ 
	padding-bottom:10px;
	padding-top:10px
}

.Logo
{
	margin-left:20px;
	margin-right:20px;
	color:#fff;	
}

#SpLogo
{
	
	font-size:35px;
	font-weight:bold;
}

#SpSlogan
{
	font-size:20px;
}

#DivPrabhu{
	position:absolute;
	right:20px;
	bottom:10px;
	font-size:13px;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}


#DivPrabhu a{
	text-decoration:none;
	color:#fff;
	margin-left:15px;
}

#DivPrabhu a:hover{
	text-decoration:underline;
}

#DivMain{
	position:relative;
	width:100%;
	height:600px;
	background-color:red;
}