Search
 
SCRIPT & CODE EXAMPLE
 

CSS

font awesome before css

.desc > ul > li::before{
    font-family: "Font Awesome 6 Free"; 
    font-weight: 400; 
    content: "f058";
    padding-right: 0.5rem;
}
Comment

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>
Comment

PREVIOUS NEXT
Code Example
Css :: css transition all 
Css :: @media 
Css :: media query for mobile view css 
Css :: borders for tables in html/css 
Css :: prevent click css 
Css :: how to cover entire div with background image 
Css :: change the color of a checkbox css 
Css :: html position absolute center 
Css :: ionic textarea placeholder color 
Css :: align div right 
Css :: css rounded corners 
Css :: how to give opacity to background only 
Css :: mettre une image au milieu css 
Css :: css visibility 
Css :: css background half one color the other half another color 
Css :: smooth transition in and out css 
Css :: console.log with color font 
Css :: css device orientation 
Css :: background color in css 
Css :: remove box shadow css 
Css :: how to mirror flip a video tag css 
Css :: make triangle using div 
Css :: center image css 
Css :: how to make font awesome responsive bootstrap 
Css :: css mobile friendly 
Css :: css box-shadow 
Css :: css button to bottom of div 
Css :: text align left in span 
Css :: default cursor css 
Css :: gulp with pm2 
ADD CONTENT
Topic
Content
Source link
Name
8+4 =