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 vote354 views1 answer
Dropdown size based on text
CSS
0 vote307 views1 answer
Background pulled to corner on small screens
CSS
41 votes332 views6 answers
Linux folder size
CSS
0 vote342 views1 answer
Showing danger message in red in terminal bash
CSS
0 vote316 views2 answers
Css how to stop screen from left and right
CSS
2 votes350 views2 answers
Stop process id powershell
CSS
1 vote306 views2 answers
Git apagar branch local
CSS
38 votes322 views6 answers
Media query min and max width for all devices
CSS
8 votes294 views3 answers
Bootstrap 4 center image
CSS
0 vote305 views1 answer
Autocomplete widget set z-index
CSS