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
Bootstrap-navbar-brand
CSS Bootstrap
23 votes129 views4 answers
Rounded gradient border css
CSS
0 vote130 views2 answers
Add a comment in css
CSS
12 votes104 views4 answers
On hover display another div css
CSS
258 votes274 views6 answers
ForEach
CSS
0 vote101 views1 answer
Input readonly css
CSS
0 vote114 views1 answer
Disable button outline in css
CSS
9 votes123 views1 answer
Vevo playlist
CSS
0 vote104 views1 answer
Center child container
CSS
0 vote148 views1 answer
Css push div down
CSS