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 vote367 views1 answer
Loop Over Array of Objects and Combine them if they have similar keys
CSS
2 votes379 views5 answers
Figma
CSS
-2 votes384 views1 answer
Change icon color to gradient css
CSS
0 vote350 views1 answer
How to hide text that is longer than its parent div
CSS
6 votes354 views3 answers
Print media query css
CSS
1 vote358 views1 answer
Class indicator css
CSS
3 votes350 views2 answers
How to give shadow to navbar
CSS
1 vote364 views1 answer
Font awesome eyes
CSS
0 vote361 views1 answer
Css line-through color
CSS
4 votes420 views6 answers
Aos library
CSS