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 vote305 views1 answer
Css hide mark border
CSS
0 vote293 views2 answers
Css text truncate 2 lines
CSS
16 votes304 views3 answers
Exact middle of screen css
CSS
18 votes292 views2 answers
How to make a game engine
CSS
0 vote314 views2 answers
Use .map to count length of each element in an array
CSS
-1 vote302 views3 answers
How to write sigma symbol in jupyter ntebook
CSS
2 votes302 views5 answers
Tailwind css margin auto
CSS
0 vote283 views2 answers
Fr meaning in css
CSS
2 votes290 views1 answer
Scss function
CSS
0 vote300 views1 answer
Inline block and 50% width not aligning items
CSS