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 votes234 views1 answer
Circle div
CSS
103 votes248 views2 answers
What are the types of positioning in css
CSS
0 vote241 views2 answers
Make all images same size bootstrap
CSS Bootstrap
0 vote204 views2 answers
Vertically and horizontally center a fixed div
CSS
0 vote238 views1 answer
Inherit styles
CSS
1 vote236 views1 answer
Flexbox navbar fixed top
CSS
0 vote238 views1 answer
How to package tailwindcss for deployment
CSS
0 vote257 views1 answer
The basic - and minimal - structure of an email template looks like this:
CSS
2 votes236 views5 answers
How to insert image in css
CSS
0 vote252 views1 answer
Selection Handler css
CSS