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

1 vote170 views1 answer
Css button:focus border-radius square
CSS
0 vote194 views1 answer
All heading tags selector scss
CSS
2 votes175 views1 answer
Blue outline after click when in mobile view
CSS
0 vote171 views1 answer
Add logo html css
CSS
6 votes180 views8 answers
Bootstrap css
CSS
0 vote168 views1 answer
An operation was attempted on something that is not a socket
CSS
9 votes199 views3 answers
How to change another element on hover
CSS
0 vote160 views1 answer
Build a responsive real world website from scratch html css
CSS
0 vote251 views1 answer
Bootstrap dropdown in accordion problem
CSS Bootstrap
6 votes208 views2 answers
Selecting last child css
CSS