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 :: ngclass multiple conditions 
Css :: text align left in span 
Css :: ovale css 
Css :: background-color not showing grover pdf 
Css :: box shadow 
Css :: css shaddow 
Css :: faire un fond fade to transparent css 
Css :: cemter absolute elemetn 
Css :: webkit-line-clamp browser support 
Css :: clamp margin 
Css :: text glow effect 
Css :: padding top ratio 
Css :: how to add space inbetween lines in html 
Css :: how to outline text in css 
Css :: Add dark filter to an image - CSS 
Css :: css select without class 
Css :: centralize div inside div 
Css :: css hide timeline 
Css :: css jagged edges 
Css :: background color for whole page css 
Css :: how to center a text input in css 
Css :: top left right bottom css shorthand 
Css :: checkbox border css 
Css :: align text in center css 
Css :: change bootstrap input focus glow 
Css :: css border radius top 
Css :: zoom animations in css 
Css :: Define Or Attach Font Face In HTML CSS Web Page 
Css :: css nth element 
Css :: make a circle in css 
ADD CONTENT
Topic
Content
Source link
Name
6+5 =