JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<div id="headerwrapper">
<div id="SocialMediaWrapper">
		<p>Stay In Touch</p>
		<ul>
			<li><a href="#" >
				 <span class="fa-stack">
					<i class="fa fa-square fa-stack fa-stack-1x fa-stack-white" style="color: white;"></i>
					<i id="facebookIconHeader" class="fa fa-facebook-square fa-stack-1x"></i>
				</span>
			</a><li>
			<li><a href="#" >
				 <span class="fa-stack">
					<i class="fa fa-square fa-stack fa-stack-1x fa-stack-white" style="color: white;"></i>
					<i id="TwitterIconHeader" class="fa fa-twitter-square fa-stack-1x"></i>
				</span>
			</a><li>
			<li><a href="#" >
				 <span class="fa-stack">
					<i class="fa fa-square fa-stack fa-stack-1x fa-stack-white" style="color: white;"></i>
					<i id="YoutubeIconHeader" class="fa fa-youtube-square fa-stack-1x"></i>
				</span>
			</a><li>
			<li><a href="#" >
				 <span class="fa-stack">
					<i class="fa fa-square fa-stack fa-stack-1x fa-stack-white" style="color: white;"></i>
					<i id="InstagramIconHeader" class="fa fa-instagram fa-stack-1x"></i>
				</span>
			</a><li>
			<li><a href="#" >
				 <span class="fa-stack">
					<i class="fa fa-square fa-stack fa-stack-1x fa-stack-white" style="color: white;"></i>
					<i id="PinterestIconHeader" class="fa fa-pinterest-square fa-stack-1x"></i>
				</span>
			</a><li>
		</ul>
	</div>
    
    
    
</div>

CSS

#headerwrapper {
    background-color: black; 
    position: relative; 
    height: 200px; 
    width: 400px; 
}
#SocialMediaWrapper {position: absolute; top: 2px; left: 20px;}
#SocialMediaWrapper p {color: white; text-align: center; margin: 0 0 5px 0; }
#SocialMediaWrapper ul li {display: inline-block;}
#SocialMediaWrapper ul li a { margin: 0 7px;}
#SocialMediaWrapper ul li a span i.fa-stack-white {color: white; font-size:32px; margin-bottom: 1px; margin-left: 1px;}
#SocialMediaWrapper > ul > li > a > span > i:nth-child(2) {font-size: 35px;}
#SocialMediaWrapper ul li #facebookIconHeader {color: #3A5795;}
#SocialMediaWrapper ul li #TwitterIconHeader {color: #55ACEE;}
#SocialMediaWrapper ul li #YoutubeIconHeader {color: #CC181E;}
#SocialMediaWrapper ul li #InstagramIconHeader {color: #49769C;}
#SocialMediaWrapper ul li #PinterestIconHeader {color: #C91D1E;}