/CSS/Dropcap - :first-letter pseudo class not working as expected in firefox

Dropcap - :first-letter pseudo class not working as expected in firefox

.dropcap:first-letter {
    font-size: 3em;
    float: left;
    margin-top: .15em;
    padding: 2px 20px;
    border-radius: 6px;
    margin-right: 15px;
    padding: 3px 22px;
}
@-moz-document url-prefix() {
.dropcap:first-letter {
padding: 15px 20px;
}
}

.dropcap.dc-bg-primary:first-letter {
    background-color: #1a73e9;
    color: #fff;
}

Source: stackoverflow.com

Similar codes

0 vote125 views1 answer
Image with colored background html css tigether
CSS
3 votes151 views1 answer
Css scaling border radius
CSS
0 vote140 views1 answer
Easy way raise specificity css
CSS
20 votes141 views3 answers
Center align div vertically and horizontally css
CSS
0 vote181 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
56 votes139 views2 answers
Responsive css code for all screen size
CSS
0 vote131 views1 answer
Css line-through color
CSS
0 vote127 views1 answer
Box shadow 2 sides only Clip path
CSS
0 vote144 views1 answer
Elementor vertical line
CSS
1 vote151 views1 answer
Animate font weight css
CSS