/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

5 votes123 views5 answers
Css disable zoom on mobile
CSS
1 vote124 views1 answer
Css %-px
CSS
0 vote128 views1 answer
Css background image svg not showing
CSS
37 votes125 views6 answers
Css gradient text
CSS
3 votes112 views2 answers
Css table row border radius
CSS
1 vote148 views1 answer
Css fixed center vertical
CSS
0 vote127 views1 answer
Effetto fade con css
CSS
0 vote169 views3 answers
Bootstrap grid only css npm install
CSS Bootstrap
3 votes146 views1 answer
Include screen size
CSS
2 votes106 views2 answers
Poppins cdn
CSS