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 vote167 views2 answers
Color changes in safari css
CSS
1 vote161 views1 answer
Svg tailwind
CSS
6 votes179 views1 answer
All text in caps using css
CSS
0 vote176 views1 answer
Prevent css animation reset
CSS
0 vote178 views1 answer
Alinhar ao centro align item css
CSS
1 vote198 views1 answer
Css break wrap header
CSS
55 votes367 views5 answers
Bootstrap 3 button
CSS Bootstrap
0 vote170 views1 answer
How to change textsize recta native
CSS
5 votes178 views3 answers
Set scroll position bottom in div css
CSS
64 votes219 views4 answers
Bootstrap buttons
CSS