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

2 votes196 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS
0 vote184 views2 answers
Media Query smartphone only
CSS
57 votes191 views3 answers
How to round the corners of a div outline in css
CSS
0 vote211 views1 answer
Css ie11 only
CSS
2 votes143 views2 answers
Button hover disabled
CSS
1 vote195 views1 answer
Bootstrap card hover effect
CSS
1 vote191 views1 answer
Css animate border bottom left to right
CSS
-1 vote183 views1 answer
Use w3 css on your website
CSS
0 vote209 views2 answers
Css removing title popups
CSS
0 vote186 views1 answer
Font-strech css
CSS