JSFiddle - React, Tailwind, and code Playground

HTML

<div id="rt-footer">
    <div class="rt-container">
	    <div class="rt-grid-12 rt-alpha rt-omega">
            <div class="rt-block ">
           	    <div class="module-surround">
           	        <div class="module-content">
	                    <div class="custom"  >
	                        <p><span class="mail">[email protected]</span> <span class="tel1">(928)312-0-444</span> <span class="tel2">(8793)39-21-44</span></p></div>
	                	</div>
                	</div>
                </div>
	
            </div>
	    <div class="clear"></div>
	</div>
</div>

CSS

#rt-footer{
    background:green;
}
#rt-footer .custom > p {
height: 56px;
margin: 0;
line-height: 50px;
font-size: .01px;
}
#rt-footer .custom > p > span {
width: 33%;
}
.mail {
background-position: 0 -20px;
}
.mail, .tel1, .tel2 {
background: url('http://storage5.static.itmages.ru/i/14/0324/h_1395665358_5623373_2300dd3bfd.png') no-repeat top left;
height: 19px;
line-height: 19px;
font-size: 18px;
padding-left: 25px;
display: inline-block;
vertical-align: middle;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tel1, .tel2 {
background-position: 0 0;
}