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

2 votes271 views4 answers
Animation timing function css
CSS
10 votes282 views1 answer
Install code command on mac
CSS
1 vote266 views1 answer
Serve : File C:\Users\MY PC\AppData\Roaming\npm\serve.ps1 cannot be loaded because running scripts is disabled on this system
CSS
3 votes277 views2 answers
How to make hover effect none in css
CSS
9 votes287 views4 answers
Chmod recursive
CSS
4 votes294 views2 answers
How to give background overlay in css
CSS
-2 votes305 views2 answers
Tailwind border bottom
CSS
0 vote268 views1 answer
Details summary hide arrow
CSS
21 votes295 views6 answers
Gradient image css
CSS
0 vote308 views1 answer
Deep selector
CSS