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 vote336 views1 answer
Flex box writing sideways text top to bottom
CSS
0 vote269 views1 answer
Css not working react
CSS
0 vote353 views1 answer
Every user on your website has an image avatar that is displayed when
CSS
45 votes322 views6 answers
How to remove background color in css
CSS
0 vote373 views2 answers
Css selector label for
CSS
0 vote334 views1 answer
Galerija nije kreirana uspešno
CSS
1 vote368 views3 answers
Read more dots css
CSS
0 vote372 views1 answer
Material css navbar
CSS
0 vote372 views1 answer
Css good font color
CSS
0 vote325 views1 answer
DOM element add multiple attributes
CSS