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 vote157 views1 answer
Using tinymce with tailwind css
CSS
5 votes144 views1 answer
How to make text not highlightable css
CSS
0 vote123 views1 answer
Input readonly css
CSS
0 vote111 views1 answer
Advanced custom fields cpt options pages
CSS
6 votes133 views2 answers
CSS set input text to word wrap
CSS
1 vote128 views1 answer
When is raksha bandhan in india 2020
CSS
0 vote136 views1 answer
How to stilize title property css
CSS
0 vote159 views1 answer
Aplicar padding a sombra
CSS
13 votes153 views1 answer
Remove style from link
CSS
0 vote143 views1 answer
Restore mariadb from bz2 file cli
CSS