JSFiddle - React, Tailwind, and code Playground

by kybernaut

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<div class="social-links">
    <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
    <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
    <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
    <a href="#"><i class="fa fa-pinterest fa-lg"></i></a>
</div>

CSS

.social-links a{
    text-align: center;
	float: left;
	width: 36px;
	height: 36px;
	border: 1px solid #909090;
	border-radius: 100%;
	margin-right: 7px; /*space between*/

} 
.social-links a i{
	font-size: 20px;
    line-height: 38px;
	color: #909090;
}