<div class="cobriute">
<a href=""><i class="fa fa-cloud-upload" aria-hidden="true"></i><span>Add Post</span></a>
</div>
body {
font-family: "Source Sans Pro", sans-serif;
font-size: 50px;
margin: 50px;
}
.cobriute {
margin: auto 0;
margin-left: auto;
}
.cobriute a {
text-decoration: none;
font-size: 1.1em;
display: flex;
}
.cobriute a i {
background-color: #ffffff;
color: #00a2e8;
border: 1px solid #00a2e8;
padding: 2px 8px 0;
font-size: 1.1em;
display: flex;
align-items:center;
}
.cobriute a span {
background-color: #00a2e8;
color: #ffffff;
border: 1px solid #00a2e8;
padding: 7px 8px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.