Before css font awesome

css code
---------
.wrapper {
    width:160px;
    margin:20% auto;
}

p {
  border:1px solid #666;
  padding:12px 25px;
}

p.email:before,
p.mobile:before{
   font-family: FontAwesome;
   display: inline-block;
   padding-right: 6px;
   vertical-align: middle;
}

p.mobile:before {
   content: "\f095";
}

p.email:before {
   content: "\f003";
}

html code
------------
<div class="container">
    <div class="row wrapper">
       <p class="mobile">Mobile No</p>
       <p class="email">Email</p>
    </div>
</div>

Source: codepen.io

Similar codes

11 votes242 views1 answer
Wrap none css
CSS
0 vote245 views1 answer
Css add margin to a particular div in print screen
CSS
6 votes263 views2 answers
Image orientation css
CSS
0 vote246 views1 answer
AITpro maintenance mode CSS
CSS
3 votes235 views3 answers
Use css to replace icon with text when hover
CSS
0 vote233 views1 answer
Is there a min-left css attribute
CSS
1 vote272 views1 answer
How to take in space and enter as it is in a textarea
CSS
0 vote270 views1 answer
Bootstrap-navbar-container-fluid
CSS Bootstrap
0 vote242 views1 answer
Remove a styles css class with javafx
CSS
0 vote246 views1 answer
Text change animation css
CSS