JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<div class="top-bar">
			<ul class="stats">
				<li><a href="#">                                  <strong>10,287</strong>Tweets</a></li>
				<li><a href="#"><strong>5,173</strong>Following</a></li>
				<li><a href="#"><strong>152,443</strong>Followers</a></li>
			</ul>	
		</div>
		<div class="tail-bar"></div>

</body>

CSS

ul{
	padding: 0;	
	list-style: none outside none;
}
.tail-bar{
	width: 520px;
	height: 50px;
	background-color: #666666;
}

.top-bar{	
	background-color: #FFFFFF;		
	overflow:hidden;	
	width: 520px;
	height: 50px;
	color: #333333;
	font-size: 14px;
	font-family: Arial, Tahoma,Geneva, sans-serif;	
}
.stats{			
	float: left;    	
	border-bottom: 0 none;
    border-top: 0 none;
}
.stats a{	
	float:left;
	border-left: 1px solid #E8E8E8;	
    padding: 10px 30px 8px 12px;
	color: #999999;    
    font-size: 10px;    
    text-transform: uppercase;
	text-decoration: none;
}
.stats a strong{
	display: block;
	color: #333333;    
    font-size: 14px;
}

.stats li{
	float: left;
	
}
.stats li:first-child a {
    border-left: 0 none;
}