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

44 votes284 views5 answers
Breakpoint bootstrap
CSS Bootstrap
1 vote185 views1 answer
CSS technique for a horizontal line with icons in the middle
CSS
0 vote149 views1 answer
Absolute vertical middle quasar
CSS
32 votes122 views3 answers
Add google font
CSS
42 votes157 views6 answers
Css transparent background color
CSS
4 votes160 views4 answers
Css max lines
CSS
0 vote174 views1 answer
Fix scroll css position sticky
CSS
-1 vote157 views1 answer
Input focus css default
CSS
0 vote148 views1 answer
Vue v-cloak not working
CSS
0 vote147 views1 answer
CSS fluid type sizing based on viewport
CSS