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

0 vote139 views1 answer
Keynote Smooth the appearance of animations within a presentation:
CSS
8 votes134 views2 answers
Css border bottom
CSS
0 vote150 views2 answers
How to use font awesome unicode in css
CSS
1 vote136 views1 answer
Alert without page refresh
CSS
0 vote161 views1 answer
Can we block onclick of button using css
CSS
8 votes142 views5 answers
Flex margin between items
CSS
50 votes130 views6 answers
Text align css
CSS
-1 vote145 views1 answer
Line break inside content css
CSS
3 votes136 views1 answer
Illuminate\Database\QueryException could not find driver
CSS
0 vote161 views1 answer
Hover on father elemet activates a child element css
CSS