JSFiddle - React, Tailwind, and code Playground

by CJ Juarez

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<h4 class="info">Call us</h4>

CSS

.info {
  position: relative; /* Helps us control overlap */
  padding-left: 25px; /* Creates space for the Phone Icon */
  }

.info:after {
  content: '\f05a';
  font-family: fontAwesome;
  position: absolute;
  left: 0; /* Adjust as needed */
  top: 0px; /* Adjust as needed */
  }